refactor toast system to use react-hot-toast

components/root/query-toast-bridge.tsx

@@ -2,7 +2,8 @@
 
 import { useEffect, useRef } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { toast } from "sonner";
+
+import { toast } from "@/lib/toast";
 
 const TOAST_PARAM_NAMES = ["success", "error"] as const;
 const PENDING_TOAST_STORAGE_KEY = "mohfarawati-pending-toast";
@@ -25,17 +26,18 @@ export function QueryToastBridge() {
         message?: string;
         type?: "success" | "error";
       };
+      const localizedMessage = pendingToast.message;
 
-      if (!pendingToast.message) {
+      if (!localizedMessage) {
         return;
       }
 
       if (pendingToast.type === "error") {
-        toast.error(pendingToast.message);
+        toast.error(localizedMessage);
       } else if (pendingToast.type === "success") {
-        toast.success(pendingToast.message);
+        toast.success(localizedMessage);
       } else {
-        toast(pendingToast.message);
+        toast(localizedMessage);
       }
     } finally {
       window.sessionStorage.removeItem(PENDING_TOAST_STORAGE_KEY);