fix custom props

Signed-off-by: nikolar <reyna.nikolayev@autodesk.com>

docs/features/techdocs/how-to-guides.md

@@ -149,7 +149,7 @@ const techDocsTabsConfig = [
         title: 'Golden Path',
         description: 'Documentation about standards to follow',
         panelType: 'DocsCardGrid',
-        panelProps: { showHeader: false, showSupport: false },
+        panelProps: { CustomHeader: () => <ContentHeader title='Golden Path'/> },
         filterPredicate: entity =>
           entity?.metadata?.tags?.includes('golden-path') ?? false,
       },
@@ -158,8 +158,7 @@ const techDocsTabsConfig = [
         description: 'Useful documentation',
         panelType: 'InfoCardGrid',
         panelProps: {
-          showHeader: false,
-          showSupport: false,
+          CustomHeader: () => <ContentHeader title='Recommended' />
           linkDestination: linkDestination,
         },
         filterPredicate: entity =>
@@ -175,7 +174,7 @@ const techDocsTabsConfig = [
         filterPredicate: filterEntity,
         panelType: 'TechDocsIndexPage',
         title: 'All',
-        panelProps: { showHeader: false, showSupport: false, options: options },
+        panelProps: { PageWrapper: React.Fragment, CustomHeader: React.Fragment, options: options },
       },
     ],
   },
@@ -188,12 +187,11 @@ const AppRoutes = () => {
       element={
         <TechDocsCustomHome
           tabsConfig={techDocsTabsConfig}
-          title="Docs"
-          showSubtitle={false}
           filter={{
             kind: ['Location', 'Resource', 'Component'],
             'metadata.annotations.featured-docs': CATALOG_FILTER_EXISTS,
           }}
+          CustomPageWrapper={({ children }: React.PropsWithChildren<{}>) => (<PageWithHeader title="Docs" themeId="documentation">{children}</PageWithHeader>)}
         />
       }
     />