// app/layout.tsx import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import { Toaster } from '@/components/ui/sonner'; import { ThemeProvider } from '@/components/ThemeProvider'; import { AuthProvider } from '@/context/AuthContext'; import { HeaderProvider } from '@/context/HeaderContext'; // Import HeaderProvider import Header from '@/components/Header'; import "./globals.css"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Create Next App", description: "Generated by create next app", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {/* Wrap with HeaderProvider */}

{/* Header component now consumes HeaderContext */} {children} ); }