fix: update effect dependencies to use fetcher.data for improved error handling in dialogs

app/layouts/news/dialog-login.tsx

@@ -36,8 +36,8 @@ export const DialogLogin = () => {
   const { handleSubmit } = formMethods
 
   useEffect(() => {
-    if (!fetcher.data?.success) {
-      toast.error(fetcher.data?.message)
+    if (!fetcher.data?.success && fetcher.data?.message) {
+      toast.error(fetcher.data.message)
       return
     }
 
@@ -47,7 +47,7 @@ export const DialogLogin = () => {
       setIsSubscribeOpen(true)
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fetcher])
+  }, [fetcher.data])
 
   return (
     <DialogNews

app/layouts/news/dialog-register.tsx

@@ -58,15 +58,15 @@ export const DialogRegister = () => {
   const { handleSubmit, control } = formMethods
 
   useEffect(() => {
-    if (!fetcher.data?.success) {
-      toast.error(fetcher.data?.message)
+    if (!fetcher.data?.success && fetcher.data?.message) {
+      toast.error(fetcher.data.message)
       return
     }
 
     setIsRegisterOpen(false)
     setIsSuccessOpen('register')
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fetcher])
+  }, [fetcher.data])
 
   return (
     <DialogNews

app/layouts/news/dialog-subscribe-plan.tsx

@@ -43,15 +43,15 @@ export const DialogSubscribePlan = () => {
   const { handleSubmit } = formMethods
 
   useEffect(() => {
-    if (!fetcher.data?.success) {
-      toast.error(fetcher.data?.message)
+    if (!fetcher.data?.success && fetcher.data?.message) {
+      toast.error(fetcher.data.message)
       return
     }
 
     setIsSubscribeOpen(false)
     setIsSuccessOpen('payment')
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fetcher])
+  }, [fetcher.data])
 
   return (
     <DialogNews