refactor: make Header a server component to avoid auth flash on load

Move session check from client-side useSession() to server-side auth(), so the authenticated state is known at initial render. Extract interactive parts (ThemeToggle, UserMenu, WorkshopsDropdown, NavLinks) into small client components. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:14:27 +01:00
parent a10205994c
commit 9298eef0cb
7 changed files with 223 additions and 170 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
 import { Providers } from '@/components/Providers';
+import { Header } from '@/components/layout/Header';

 const geistSans = Geist({
  variable: '--font-geist-sans',
@@ -37,7 +38,12 @@ export default function RootLayout({
        />
      </head>
      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
-        <Providers>{children}</Providers>
+        <Providers>
+          <div className="min-h-screen bg-background">
+            <Header />
+            {children}
+          </div>
+        </Providers>
      </body>
    </html>
  );