first commit

app/dashboard/layout.tsx

@@ -0,0 +1,24 @@
+import { AppSidebar } from "@/components/Layouts/AppSidebar"
+import { Footer } from "@/components/Layouts/Footer"
+import { Header } from "@/components/Layouts/Header"
+import { Toaster } from "@/components/ui/toast"
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="flex min-h-screen gap-6 bg-slate-100 p-4 lg:p-6">
+      <AppSidebar />
+      <main className="flex flex-1 flex-col">
+        <Header />
+        <div className="flex flex-1 flex-col rounded-3xl bg-white p-6 shadow-sm ring-1 ring-black/5">
+          {children}
+        </div>
+        <Footer className="mt-6" />
+      </main>
+      <Toaster />
+    </div>
+  )
+}