frontend initiatewith shadcn uis

distribution_fe/app/(dashboard)/layout.tsx

@@ -0,0 +1,24 @@
+import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar'
+import { AppSidebar } from '@/components/layout/app-sidebar'
+import { BottomNav } from '@/components/layout/bottom-nav'
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <SidebarProvider>
+      <AppSidebar />
+      <SidebarInset>
+        <header className="flex h-14 shrink-0 items-center gap-2 border-b border-border px-4">
+          <SidebarTrigger className="-ml-1 hidden md:flex" />
+        </header>
+        <main className="flex flex-1 flex-col gap-4 p-4 pb-20 md:pb-4">
+          {children}
+        </main>
+      </SidebarInset>
+      <BottomNav />
+    </SidebarProvider>
+  )
+}