managing rsvps

app/(auth)/layout.tsx

@@ -1,19 +1,22 @@
 'use client'
 
-import { SessionProvider, useSession } from 'next-auth/react'
+import { SessionProvider } from 'next-auth/react'
 import { redirect } from 'next/navigation'
 import { ReactNode } from 'react'
-import Navbar from '@/components/Navbar'
+import DashboardNavbar from '@/components/DashboardNavbar'
 
 export default function AuthLayout({ children }: { children: ReactNode }) {
     
     return (
         <>
             <SessionProvider>
-                <Navbar />
-                <main className="p-4">
-                    {/* Could also add a private header here */}
-                    {children}
+                <main className="p-4 max-w-[100rem] mx-auto">
+                    <div className='grid grid-cols-5 gap-4'>
+                        <DashboardNavbar />
+                        <section className="col-span-4">
+                        {children}
+                        </section>
+                    </div>
                 </main>
             </SessionProvider>
         </>