feat: add using enter instead pushing the button

src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx

@@ -96,43 +96,54 @@ export function VerifyPhoneNumber({
     <Stack alignItems="center">
       <AuthenticationCard>
         <Box
-          sx={{
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            gap: 4,
-            mb: 0.5,
+          component="form"
+          onSubmit={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!confirmSmsOtpLoading) {
+              void handleVerifyOTP();
+            }
           }}
         >
-          <Typography variant="h5">{t('verify.verify')}</Typography>
-
-          <Button
-            variant="outlined"
-            size="large"
-            sx={{ textTransform: 'lowercase', width: 'auto' }}
-            endIcon={<Icon Component={Edit2} />}
-            onClick={onEditValue}
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: 'row',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              gap: 4,
+              mb: 0.5,
+            }}
           >
-            {countryCode + value}
+            <Typography variant="h5">{t('verify.verify')}</Typography>
+
+            <Button
+              variant="outlined"
+              size="large"
+              sx={{ textTransform: 'lowercase', width: 'auto' }}
+              endIcon={<Icon Component={Edit2} />}
+              onClick={onEditValue}
+            >
+              {countryCode + value}
+            </Button>
+          </Box>
+
+          <Typography variant="body2" color="textSecondary" sx={{ mt: 1 }}>
+            {t(
+              'verify.a4DigitVerificationCodeHasBeenSentToYourBobileNumberPleaseEnterIt',
+            )}
+          </Typography>
+
+          <DigitInput
+            error={otpDigitInvalid || isStatusSuccess === false}
+            success={isStatusSuccess === true}
+            onChange={(value) => setOtpCode(value)}
+          />
+
+          <Button type="submit" loading={confirmSmsOtpLoading}>
+            {t('verify.confirmAndLogin')}
           </Button>
         </Box>
-
-        <Typography variant="body2" color="textSecondary" sx={{ mt: 1 }}>
-          {t(
-            'verify.a4DigitVerificationCodeHasBeenSentToYourBobileNumberPleaseEnterIt',
-          )}
-        </Typography>
-
-        <DigitInput
-          error={otpDigitInvalid || isStatusSuccess === false}
-          success={isStatusSuccess === true}
-          onChange={(value) => setOtpCode(value)}
-        />
-
-        <Button onClick={handleVerifyOTP} loading={confirmSmsOtpLoading}>
-          {t('verify.confirmAndLogin')}
-        </Button>
       </AuthenticationCard>
 
       <Stack