disable submit button until a valid code is entered

Author: wojcik91

web/src/pages/user-profile/UserProfilePage/tabs/ProfileDetailsTab/modals/EmailMfaSetupModal/EmailMfaSetupModal.tsx

@@ -102,6 +102,7 @@ const ModalContent = () => {
     defaultValues,
     validationLogic: formChangeLogic,
     validators: {
+      onMount: formSchema,
       onSubmit: formSchema,
       onChange: formSchema,
     },
@@ -122,6 +123,7 @@ const ModalContent = () => {
   });
 
   const isSubmitting = useStore(form.store, (s) => s.isSubmitting);
+  const canSubmit = useStore(form.store, (s) => s.canSubmit);
 
   useEffectOnce(() => {
     void api.auth.mfa.email.init();
@@ -167,6 +169,7 @@ const ModalContent = () => {
           testId: 'submit',
           text: m.controls_submit(),
           loading: isSubmitting,
+          disabled: !canSubmit || isSubmitting,
           onClick: () => {
             form.handleSubmit();
           },