Add Sonner-based notifications and UX polish

2026-03-10 17:43:26 +01:00
parent eceb0f3a54
commit 77cc9dca87
32 changed files with 279 additions and 310 deletions
@@ -3,8 +3,10 @@ import { unstable_noStore as noStore } from "next/cache";
 import localFont from "next/font/local";
 import Script from "next/script";
 import { getLocale } from "next-intl/server";
+import { QueryToastBridge } from "@/components/root/query-toast-bridge";
 import { SoundProvider } from "@/components/sound-provider";
 import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/sonner";
 import { buildAppMetadata } from "@/lib/metadata";
 import { getDirection } from "@/lib/locale";
 import "./globals.css";
@@ -95,7 +97,11 @@ export default async function RootLayout({
    <html lang={locale} dir={getDirection(locale)} suppressHydrationWarning>
      <body className={`${museo.variable} ${dubai.variable}`}>
        <ThemeProvider>
-          <SoundProvider>{children}</SoundProvider>
+          <SoundProvider>
+            {children}
+            <QueryToastBridge />
+            <Toaster />
+          </SoundProvider>
        </ThemeProvider>
        <Script
          src="https://plausible.mohfarawati.de/js/pa-H7WDubj39eeDW3cfzeXhU.js"