event rsvp popup

app/(auth)/events/[eventId]/page.tsx

@@ -6,19 +6,17 @@ export default async function SingleEventPage({ params }: { params: { eventId: s
     const data = await queries.singleEvent(params.eventId)
     
     return (
-        <>
-        <EventDashboard 
-            event={data}
-        />
-        {/* <div className=''>
+        <div className=''>
             
             {data ? (
-                // @ts-ignore
-                <EventInfoDisplay event={data} />
+                <EventDashboard 
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    //@ts-expect-error
+                    event={data}
+                />
             ) : (
                 <p className="text-center text-gray-500 mt-10">Event not found.</p>
             )}
-        </div> */}
-        </>
+        </div> 
     )
 }

app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import { Toaster } from "@/components/ui/sonner";
 
 export const metadata: Metadata = {
   title: "Wedding Planner",
@@ -18,6 +19,7 @@ export default async function RootLayout({
         className="bg-brand-background text-brand-text"
       >
         {children}
+        <Toaster />
       </body>
     </html>
   );