fix: make root layout a server component with globals.css import and html/body tags

2026-06-04 08:27:27 -05:00
parent 86d5ea9704
commit 86a14713e0
1 changed files with 12 additions and 8 deletions
@@ -1,17 +1,21 @@
-'use client';
+import './globals.css';

 import { AuthProvider } from '@/lib/auth';
 import AuthGuard from '@/components/auth-guard';
 import Sidebar from '@/components/sidebar';
 import { Toaster } from '@/components/ui/sonner';

-export default function AppLayout({ children }: { children: React.ReactNode }) {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
-    <AuthProvider>
-      <AuthGuard>
-        <Sidebar>{children}</Sidebar>
-        <Toaster richColors />
-      </AuthGuard>
-    </AuthProvider>
+    <html lang="en">
+      <body>
+        <AuthProvider>
+          <AuthGuard>
+            <Sidebar>{children}</Sidebar>
+            <Toaster richColors />
+          </AuthGuard>
+        </AuthProvider>
+      </body>
+    </html>
  );
 }