Start On Sidebar

src/app/globals.css

@@ -33,6 +33,14 @@ body {
     --chart-4: 43 74% 66%;
     --chart-5: 27 87% 67%;
     --radius: 0.5rem;
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
   }
   .dark {
     --background: 0 0% 3.9%;
@@ -59,6 +67,14 @@ body {
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
+    --sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
   }
 }
 

src/app/suite/doctor/dashboard/page.tsx

@@ -0,0 +1,10 @@
+"use client"
+
+
+export default function DoctorDashboard() {
+    return (
+        <section>
+            <h1>Doctor Dashboard</h1>
+        </section>
+    );
+}

src/app/suite/doctor/layout.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import { AppSidebar } from "@/components/panel-ui/app-sidebar"
+
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
+    return (
+        <div>
+            <AppSidebar />
+            <main suppressHydrationWarning>{children}</main>
+        </div>
+    )
+}

src/app/suite/patient/layout.tsx

@@ -0,0 +1,11 @@
+"use client"
+
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
+    return (
+        <section>{children}</section>
+    )
+}