fix: numeric keyboard in mobile for otp forms

src/features/authentication/components/UserCompletionForm/EmailSection.tsx

@@ -214,13 +214,9 @@ export function EmailSection(props: EmailSectionProps) {
               <TextField
                 label={t('completion.verificationCode')}
                 variant="outlined"
-                type="text"
+                type="tel"
                 value={verificationCode}
                 onChange={handleVerificationCodeChange}
-                sx={{
-                  flex: '1 1 260px',
-                  '& .MuiOutlinedInput-root': { height: INPUT_H },
-                }}
                 disabled={isVerifyingCode}
                 onBlur={() => handleBlur('verificationCode')}
                 error={touched.verificationCode && !!errors.verificationCode}
@@ -229,6 +225,13 @@ export function EmailSection(props: EmailSectionProps) {
                   inputMode: 'numeric',
                   pattern: '[0-9]*',
                   maxLength: 4,
+                  autoComplete: 'one-time-code',
+                  name: 'one-time-code',
+                  dir: 'ltr',
+                }}
+                sx={{
+                  flex: '1 1 260px',
+                  '& .MuiOutlinedInput-root': { height: 56 },
                 }}
               />
 

src/features/profile/api/settingsApi.ts

@@ -48,7 +48,7 @@ export async function saveProfile(payload: {
 
 export async function sendVerificationCode(payload: { phoneNumber: string }) {
   return apiClient.post<PhoneNumberApiResponse>(
-    '/Profile/SendVerfiyPhoneNumberCode',
+    '/Profile/SendChangePhoneNumberCode',
     payload,
   );
 }