fix: reload Verify email page (#1851)

Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>

apps/web/app/(auth)/auth/verification-requested/components/RequestVerificationEmail.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { resendVerificationEmail } from "@/app/lib/users/users";
+import { useEffect } from "react";
 import toast from "react-hot-toast";
 
 import { Button } from "@formbricks/ui/Button";
@@ -10,6 +11,20 @@ interface RequestEmailVerificationProps {
 }
 
 export const RequestVerificationEmail = ({ email }: RequestEmailVerificationProps) => {
+  useEffect(() => {
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        location.reload();
+      }
+    };
+
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
+
   const requestVerificationEmail = async () => {
     try {
       if (!email) throw new Error("No email provided");
@@ -19,6 +34,7 @@ export const RequestVerificationEmail = ({ email }: RequestEmailVerificationProp
       toast.error(`Error: ${e.message}`);
     }
   };
+
   return (
     <>
       <Button variant="secondary" onClick={requestVerificationEmail} className="w-full justify-center">