added shadcn dashbaord

app/(auth)/layout.tsx

@@ -3,20 +3,35 @@
 import { SessionProvider } from 'next-auth/react'
 import { ReactNode } from 'react'
 import DashboardNavbar from '@/components/DashboardNavbar'
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar'
+import { AppSidebar } from '@/components/app-sidebar'
+import { SiteHeader } from '@/components/site-header'
 
 export default function AuthLayout({ children }: { children: ReactNode }) {
     
     return (
         <>
             <SessionProvider>
-                <main className="p-4 max-w-[100rem] mx-auto relative">
-                    <div className='grid grid-cols-1 md:grid-cols-5 gap-4'>
-                        <DashboardNavbar />
-                        <section className="md:col-span-4 mt-16 md:mt-0">
-                        {children}
-                        </section>
-                    </div>
-                </main>
+                <SidebarProvider
+                    style={
+                        {
+                            "--sidebar-width": "calc(var(--spacing) * 72)",
+                            "--header-height": "calc(var(--spacing) * 12)",
+                        } as React.CSSProperties
+                    }
+                >
+                    <AppSidebar />
+                    <SidebarInset>
+                        <SiteHeader />
+                        <main className="flex flex-1 flex-col">
+                             <div className="@container/main flex flex-1 flex-col gap-2">
+                                <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6 px-4">
+                                    {children}
+                                </div>
+                            </div>
+                        </main>
+                    </SidebarInset>
+                </SidebarProvider>
             </SessionProvider>
         </>
     )