revision: auth page components

src/features/auth/components/StepEnterOtp.tsx

@@ -14,9 +14,9 @@ type Props = {
 }
 
 function StepEnterOtp({ onSubmit, onChange, onClick, value, phoneNumber, timerRunning, secondsLeft }: Props) {
-    
+
     return (
-        <form onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
+        <form autoComplete='off' onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
             <div className='block'>
                 <img src='/assets/images/login-banner.png' />
                 <div className='pt-4' dir='rtl'>
@@ -25,16 +25,17 @@ function StepEnterOtp({ onSubmit, onChange, onClick, value, phoneNumber, timerRu
                     <p className='mt-3 text-[13px]'>کد ۶ رقمی ارسال شده به شماره {phoneNumber} را وارد نمایید.</p>
                 </div>
                 <OTPInputField
+                    autoComplete='one-time-code'
+                    type='number'
+                    inputMode='numeric'
                     className='mt-10'
                     maxLength={6}
                     htmlFor={AUTH_PAGE_ELEMENT.INPUT_OTP}
                     labelText=''
                     value={value}
                     placeholder=''
-                    onChange={onChange}
-                    type='text'>
+                    onChange={onChange} />
 
-                </OTPInputField>
                 <div className='inline-flex justify-center items-center w-full pt-6 text-xs'>
                     <div dir='rtl'>
                         {timerRunning ?