replace alerts with toasts

src/app/layout.tsx

@@ -5,6 +5,7 @@ import { ThemeProvider } from "next-themes";
 import { ModeToggle } from "@/components/mode-toggle";
 import SignIn from "@/components/sign-in";
 import AuthSessionProvider from "@/components/SessionProvider";
+import { Toaster } from "@/components/ui/sonner";
 import Link from "next/link"
 
 const geist = Geist({ subsets: ['latin', 'cyrillic'], variable: "--font-geist-sans" })
@@ -46,6 +47,7 @@ export default function RootLayout({
               </div>
             </header>
             <main className="flex-1 p-4">{children}</main>
+            <Toaster closeButton richColors />
           </ThemeProvider>
         </AuthSessionProvider>
       </body>