layout fixes

src/app/(panels)/layout.tsx

@@ -0,0 +1,21 @@
+"use client"
+
+import { ThemeProvider } from '@/components/theme-provider';
+
+import '../globals.css'
+
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
+    return (
+        <html lang="en">
+        <body>
+            <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+                <main suppressHydrationWarning>{children}</main>
+            </ThemeProvider>
+        </body>
+    </html>
+    )
+}

src/app/(panels)/suite/doctor/layout.tsx

@@ -8,9 +8,9 @@ export default function RootLayout({
     children: React.ReactNode
 }) {
     return (
-        <div>
+        <main className="w-full" suppressHydrationWarning>
             <AppSidebar />
-            <main suppressHydrationWarning>{children}</main>
-        </div>
+            {children}
+        </main>
     )
 }

src/app/(web)/layout.tsx

@@ -4,7 +4,7 @@ import { Navbar } from '@/components/navbar';
 import { Footer } from '@/components/footer';
 import { ThemeProvider } from '@/components/theme-provider';
 
-import './globals.css'
+import '../globals.css'
 
 export default function RootLayout({
 	children,

src/components/panel-ui/app-sidebar.tsx

@@ -9,7 +9,7 @@ import {
 	SidebarMenu,
 	SidebarMenuButton,
 	SidebarMenuItem,
-	SidebarProvider
+	SidebarProvider,
 } from "@/components/ui/sidebar"
 
 // Menu items.