hide menu items while sliding out of validate page

src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.tsx

@@ -65,6 +65,7 @@ function ContactMethodDetailsPage({route}: ContactMethodDetailsPageProps) {
     const {windowWidth} = useWindowDimensions();
 
     const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+    const [isValidateCodeFormRendered, setIsValidateCodeFormRendered] = useState(false);
     const validateCodeFormRef = useRef<ValidateCodeFormHandle>(null);
     const backTo = route.params.backTo;
 
@@ -165,8 +166,11 @@ function ContactMethodDetailsPage({route}: ContactMethodDetailsPageProps) {
     useBeforeRemove(() => setIsValidateCodeActionModalVisible(false));
 
     useEffect(() => {
+        if (!isValidateCodeFormRendered && !loginData?.validatedDate) {
+            setIsValidateCodeFormRendered(true);
+        }
         setIsValidateCodeActionModalVisible(!loginData?.validatedDate);
-    }, [loginData?.validatedDate, loginData?.errorFields?.addedLogin]);
+    }, [loginData?.validatedDate, loginData?.errorFields?.addedLogin, isValidateCodeFormRendered]);
 
     useEffect(() => {
         resetContactMethodValidateCodeSentState(contactMethod);
@@ -332,7 +336,7 @@ function ContactMethodDetailsPage({route}: ContactMethodDetailsPageProps) {
                     forwardedRef={validateCodeFormRef}
                 />
 
-                {!isValidateCodeActionModalVisible && getMenuItems()}
+                {!isValidateCodeActionModalVisible && !isValidateCodeFormRendered && getMenuItems()}
             </ScrollView>
         </ScreenWrapper>
     );