p 1 and 2 compeleted

apps/admin/src/app/layout.tsx

@@ -9,6 +9,7 @@ import {
   UserButton,
 } from "@clerk/nextjs";
 import { Sidebar } from "@/components/ui/Sidebar";
+import { Toaster } from "sonner";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -28,10 +29,9 @@ export default function RootLayout({
         <body className={inter.className}>
           <div className="flex min-h-screen bg-slate-50">
             <Sidebar />
-            <main className="flex-1 ml-20 p-8">
-              {children}
-            </main>
+            <main className="flex-1 ml-20 p-8">{children}</main>
           </div>
+          <Toaster richColors position="top-right" />
         </body>
       </html>
     </ClerkProvider>