feat: add Toaster, notification bell, search, unread badges, last login, recent rooms, hotel alerts, quick room entry, friend requests in top bar

src/app/layout.tsx

@@ -5,6 +5,7 @@ import Script from "next/script";
 import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages } from "next-intl/server";
 import type { ReactNode } from "react";
+import { Toaster } from "sonner";
 import { ViewTransitions } from "next-view-transitions";
 import { PwaRegister } from "@/components/pwa-register";
 import { ThemeVars } from "@/components/theme-vars";
@@ -94,6 +95,18 @@ export default async function RootLayout({
 					</ViewTransitions>
 					<PwaRegister />
 					<SmoothScroll />
+					<Toaster
+						position="top-right"
+						richColors
+						closeButton
+						toastOptions={{
+							style: {
+								background: "var(--color-surface)",
+								color: "var(--color-text-readable)",
+								border: "1px solid color-mix(in srgb, var(--color-text-muted) 12%, transparent)",
+							},
+						}}
+					/>
 				</NextIntlClientProvider>
 			</body>
 		</html>