First commit

app/(customer)/dashboard/home/page.tsx

@@ -0,0 +1,11 @@
+import {PageParams} from "@/types/next";
+
+export default async function RoutePage(props: PageParams<{}>) {
+
+    return(
+        <div>
+
+            <h1>Home</h1>
+        </div>
+    )
+}

app/(customer)/dashboard/layout.tsx

@@ -0,0 +1,49 @@
+import {SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
+import {AppSidebar} from "@/components/wrappers/SideBar/app-sidebar";
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList, BreadcrumbPage,
+    BreadcrumbSeparator
+} from "@/components/ui/breadcrumb";
+import {Separator} from "@/components/ui/separator";
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+    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" />*/}
+            {/*        <Breadcrumb>*/}
+            {/*            <BreadcrumbList>*/}
+            {/*                <BreadcrumbItem className="hidden md:block">*/}
+            {/*                    <BreadcrumbLink href="#">*/}
+            {/*                        Building Your Application*/}
+            {/*                    </BreadcrumbLink>*/}
+            {/*                </BreadcrumbItem>*/}
+            {/*                <BreadcrumbSeparator className="hidden md:block" />*/}
+            {/*                <BreadcrumbItem>*/}
+            {/*                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>*/}
+            {/*                </BreadcrumbItem>*/}
+            {/*            </BreadcrumbList>*/}
+            {/*        </Breadcrumb>*/}
+            {/*    </header>*/}
+            {/*    <div className="flex flex-1 flex-col gap-4 p-4">*/}
+            {/*        <div className="grid auto-rows-min gap-4 md:grid-cols-3">*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*        </div>*/}
+            {/*        <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />*/}
+            {/*    </div>*/}
+            {/*</SidebarInset>*/}
+            <main>
+                <SidebarTrigger/>
+                {children}
+            </main>
+        </SidebarProvider>
+    )
+}

app/(customer)/dashboard/page.tsx

@@ -0,0 +1,13 @@
+import {PageParams} from "@/types/next";
+import {Button} from "@/components/ui/button";
+
+export default async function RoutePage(props: PageParams<{}>) {
+
+    return(
+        <div>
+
+        <h1>Ok</h1>
+            <Button>Button</Button>
+        </div>
+    )
+}