refactor toast system to use react-hot-toast

components/layout/locale-toggle.tsx

@@ -19,14 +19,18 @@ type LocaleToggleProps = {
   locale: string;
   className?: string;
   showLabel?: boolean;
-  localeChangedLabels?: Partial<Record<AppLocale, string>>;
+};
+
+const localeChangedMessages: Record<AppLocale, string> = {
+  de: "Sprache auf Deutsch gewechselt",
+  en: "Language changed to English",
+  ar: "تم تغيير اللغة إلى العربية",
 };
 
 export function LocaleToggle({
   locale,
   className,
   showLabel = false,
-  localeChangedLabels,
 }: LocaleToggleProps) {
   const pathname = usePathname();
   const locales: AppLocale[] = ["de", "en", "ar"];
@@ -80,7 +84,7 @@ export function LocaleToggle({
             <a
               href={getLocalizedPath(targetLocale, currentPath)}
               onClick={() => {
-                const message = localeChangedLabels?.[targetLocale];
+                const message = localeChangedMessages[targetLocale];
 
                 if (!message) {
                   return;
@@ -88,7 +92,11 @@ export function LocaleToggle({
 
                 window.sessionStorage.setItem(
                   PENDING_TOAST_STORAGE_KEY,
-                  JSON.stringify({ message, type: "success" }),
+                  JSON.stringify({
+                    type: "success",
+                    message,
+                    targetLocale,
+                  }),
                 );
               }}
               className="group flex h-10 w-10 items-center justify-center rounded-full"