[WIP] Docs home and nav refresh with new designs

app/[[...path]]/page.tsx

@@ -7,7 +7,7 @@ import {apiCategories} from 'sentry-docs/build/resolveOpenAPI';
 import {ApiCategoryPage} from 'sentry-docs/components/apiCategoryPage';
 import {ApiPage} from 'sentry-docs/components/apiPage';
 import {DocPage} from 'sentry-docs/components/docPage';
-import {Home} from 'sentry-docs/components/home';
+import Home from 'sentry-docs/components/home';
 import {Include} from 'sentry-docs/components/include';
 import {PageLoadMetrics} from 'sentry-docs/components/pageLoadMetrics';
 import {PlatformContent} from 'sentry-docs/components/platformContent';
@@ -87,8 +87,6 @@ export default async function Page(props: {params: Promise<{path?: string[]}>})
   const pageNode = nodeForPath(rootNode, params.path ?? '');
 
   if (!pageNode) {
-    // eslint-disable-next-line no-console
-    console.warn('no page node', params.path);
     return notFound();
   }
 
@@ -123,8 +121,6 @@ export default async function Page(props: {params: Promise<{path?: string[]}>})
       doc = await getFileBySlugWithCache(`develop-docs/${params.path?.join('/') ?? ''}`);
     } catch (e) {
       if (e.code === 'ENOENT') {
-        // eslint-disable-next-line no-console
-        console.error('ENOENT', params.path);
         return notFound();
       }
       throw e;
@@ -184,8 +180,6 @@ export default async function Page(props: {params: Promise<{path?: string[]}>})
     doc = await getFileBySlugWithCache(`docs/${pageNode.path}`);
   } catch (e) {
     if (e.code === 'ENOENT') {
-      // eslint-disable-next-line no-console
-      console.error('ENOENT', pageNode.path);
       return notFound();
     }
     throw e;

app/not-found.tsx

@@ -4,7 +4,7 @@ import {useEffect, useState} from 'react';
 import {Button} from '@radix-ui/themes';
 import {usePathname} from 'next/navigation';
 
-import {Header} from 'sentry-docs/components/header';
+import Header from 'sentry-docs/components/header';
 import {Search} from 'sentry-docs/components/search';
 import {DocMetrics} from 'sentry-docs/metrics';
 
@@ -39,7 +39,7 @@ export default function NotFound() {
   const reportUrl = `https://github.com/getsentry/sentry-docs/issues/new?template=issue-platform-404.yml&title=🔗 404 Error&url=${brokenUrl}`;
   return (
     <div className="tw-app">
-      <Header pathname="/" searchPlatforms={[]} noSearch />
+      <Header pathname="/" searchPlatforms={[]} noSearch platforms={[]} />
       <main className="px-8 pt-28">
         <h1 className="font-medium text-3xl mb-4">Page Not Found</h1>
         <p className="text-lg">We couldn't find the page you were looking for :(</p>

src/components/TopNav.tsx

@@ -0,0 +1,9 @@
+import {extractPlatforms, getDocsRootNode} from 'sentry-docs/docTree';
+
+import TopNavClient from './TopNavClient';
+
+export default async function TopNav() {
+  const rootNode = await getDocsRootNode();
+  const platforms = extractPlatforms(rootNode);
+  return <TopNavClient platforms={platforms} />;
+}