refactor: initial moves

web/src/layouts/DashboardLayout.tsx

@@ -0,0 +1,28 @@
+
+import { Outlet } from "react-router-dom";
+import { AppSidebar } from "../components/AppSidebar";
+import { SidebarProvider, SidebarInset, SidebarTrigger } from "../components/ui/sidebar";
+import { Separator } from "../components/ui/separator";
+
+export function DashboardLayout() {
+    return (
+        <SidebarProvider>
+            <AppSidebar />
+            <SidebarInset>
+                <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+                    <SidebarTrigger className="-ml-1" />
+                    <Separator orientation="vertical" className="mr-2 h-4" />
+                    <div className="flex items-center gap-2 px-4">
+                        {/* Breadcrumbs could go here */}
+                        <h1 className="text-lg font-semibold">Dashboard</h1>
+                    </div>
+                </header>
+                <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
+                    <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min p-4">
+                        <Outlet />
+                    </div>
+                </div>
+            </SidebarInset>
+        </SidebarProvider>
+    );
+}