fix: ui bugs

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

@@ -32,6 +32,7 @@ interface OtpVerifyFormProps {
   ) => void;
   authFactory: AuthFactory;
   hasPassword: boolean;
+  initialTimerValue: number;
   onLoginWithPassword: () => void;
 }
 
@@ -44,13 +45,14 @@ export function OtpVerifyForm({
   onOTPVerified,
   authFactory,
   hasPassword,
+  initialTimerValue,
   onLoginWithPassword,
 }: OtpVerifyFormProps) {
   const [otpCode, setOtpCode] = useState<string>('');
   const [otpDigitInvalid, setOtpDigitInvalid] = useState<boolean>(false);
   const [isStatusSuccess, setIsStatusSuccess] = useState<boolean>();
   const { t, i18n } = useTranslation('authentication');
-  const [resendTimer, setResendTimer] = useState<number>(120);
+  const [resendTimer, setResendTimer] = useState<number>(initialTimerValue);
   const [canResend, setCanResend] = useState(false);
   const toast = useToast();
   const { loading: smsResendLoading, execute: smsResendCall } =
@@ -200,7 +202,7 @@ export function OtpVerifyForm({
               variant="outlined"
               size="large"
               sx={{
-                textTransform: 'lowercase',
+                textTransform: 'none',
                 width: 'auto',
               }}
               endIcon={<Icon Component={Edit2} />}