Move email link effects above early returns

Author: Ephem

packages/ui/src/components/SignIn/SignInFactorOneEmailLinkCard.tsx

@@ -98,6 +98,10 @@ export const SignInFactorOneEmailLinkCard = (props: SignInFactorOneEmailLinkCard
     }
   };
 
+  React.useEffect(() => {
+    void startEmailLinkVerification();
+  }, []);
+
   if (switchTabStatus) {
     return (
       <EmailLinkStatusCard
@@ -114,10 +118,6 @@ export const SignInFactorOneEmailLinkCard = (props: SignInFactorOneEmailLinkCard
     );
   }
 
-  React.useEffect(() => {
-    void startEmailLinkVerification();
-  }, []);
-
   return (
     <Flow.Part part='emailLink'>
       <VerificationLinkCard

packages/ui/src/components/SignIn/SignInFactorTwoEmailLinkCard.tsx

@@ -79,6 +79,10 @@ export const SignInFactorTwoEmailLinkCard = (props: SignInFactorTwoEmailLinkCard
     }
   };
 
+  React.useEffect(() => {
+    void startEmailLinkVerification();
+  }, []);
+
   if (showVerifyModal) {
     return (
       <EmailLinkStatusCard
@@ -89,10 +93,6 @@ export const SignInFactorTwoEmailLinkCard = (props: SignInFactorTwoEmailLinkCard
     );
   }
 
-  React.useEffect(() => {
-    void startEmailLinkVerification();
-  }, []);
-
   return (
     <Flow.Part part='emailLink'>
       <VerificationLinkCard

packages/ui/src/components/SignUp/SignUpEmailLinkCard.tsx

@@ -53,6 +53,10 @@ export const SignUpEmailLinkCard = () => {
     }
   };
 
+  React.useEffect(() => {
+    void startEmailLinkVerification();
+  }, []);
+
   if (showVerifyModal) {
     return (
       <EmailLinkStatusCard
@@ -63,10 +67,6 @@ export const SignUpEmailLinkCard = () => {
     );
   }
 
-  React.useEffect(() => {
-    void startEmailLinkVerification();
-  }, []);
-
   return (
     <Flow.Part part='emailLink'>
       <VerificationLinkCard