Fix the animation that occurs in login flow (#7055)

app/screens/forgot_password/index.tsx

@@ -254,6 +254,10 @@ const ForgotPassword = ({serverUrl, theme}: Props) => {
         };
     }, []);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     useEffect(() => {
         const listener = {
             componentDidAppear: () => {

app/screens/login/index.tsx

@@ -132,6 +132,10 @@ const LoginOptions = ({
         };
     }, []);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     useEffect(() => {
         const navigationEvents = Navigation.events().registerNavigationButtonPressedListener(({buttonId}) => {
             if (closeButtonId && buttonId === closeButtonId) {

app/screens/mfa/index.tsx

@@ -181,6 +181,10 @@ const MFA = ({config, goToHome, license, loginId, password, serverDisplayName, s
         return () => unsubscribe.remove();
     }, [dimensions]);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     return (
         <View style={styles.flex}>
             <Background theme={theme}/>

app/screens/onboarding/index.tsx

@@ -111,6 +111,10 @@ const Onboarding = ({
         };
     }, []);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     return (
         <View
             style={styles.onBoardingContainer}

app/screens/server/index.tsx

@@ -320,6 +320,10 @@ const Server = ({
         };
     }, []);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     return (
         <View
             style={styles.flex}

app/screens/sso/index.tsx

@@ -121,6 +121,10 @@ const SSO = ({
         };
     }, []);
 
+    useEffect(() => {
+        translateX.value = 0;
+    }, []);
+
     useEffect(() => {
         const listener = {
             componentDidAppear: () => {