Fix toaster locale crash

app/layout.tsx

@@ -97,7 +97,7 @@ export default async function RootLayout({
           <SoundProvider>
             {children}
             <QueryToastBridge />
-            <Toaster />
+            <Toaster locale={locale} />
           </SoundProvider>
         </ThemeProvider>
         <Script

components/ui/toaster.tsx

@@ -1,10 +1,12 @@
 "use client";
 
-import { useLocale } from "next-intl";
 import { Toaster as HotToaster, type ToasterProps } from "react-hot-toast";
 
-export function Toaster(props: ToasterProps) {
+type AppToasterProps = ToasterProps & {
-  const locale = useLocale();
+  locale: string;
+};
+
+export function Toaster({ locale, ...props }: AppToasterProps) {
   const isArabic = locale === "ar";
 
   const toastClassName = `${isArabic ? "font-arabic tracking-normal" : "font-latin"} text-[13px] leading-5`;