feat: implement MobileInput component for standardized mobile number input and update related forms to use it

assets/admin/pages/LoginPage.tsx

@@ -4,6 +4,7 @@ import { toast } from 'sonner';
 import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/outline';
 import { useAuthStore } from '../stores/authStore';
 import PwaLoginCard from '../components/ui/PwaLoginCard';
+import { sanitizeMobileInput } from '../lib/utils';
 
 type Mode = 'password' | 'sms' | 'forgot';
 type SmsStep = 1 | 2;
@@ -220,7 +221,7 @@ export default function LoginPage() {
               <label>شماره موبایل</label>
               <input className="input" type="tel" dir="ltr" placeholder="09xxxxxxxxx"
                 autoComplete="username" style={{ textAlign: 'right' }}
-                value={pwMobile} onChange={(e) => setPwMobile(e.target.value)} />
+                value={pwMobile} onChange={(e) => setPwMobile(sanitizeMobileInput(e.target.value))} />
             </div>
             <div className="form-row">
               <label>رمز عبور</label>
@@ -257,7 +258,7 @@ export default function LoginPage() {
                   <label>شماره موبایل</label>
                   <input className="input" type="tel" dir="ltr" placeholder="09xxxxxxxxx"
                     style={{ textAlign: 'right' }}
-                    value={smsMobile} onChange={(e) => setSmsMobile(e.target.value)}
+                    value={smsMobile} onChange={(e) => setSmsMobile(sanitizeMobileInput(e.target.value))}
                     onKeyDown={(e) => e.key === 'Enter' && handleSmsSend()} />
                 </div>
                 <button className="btn primary block" disabled={smsLoading} onClick={handleSmsSend}
@@ -305,7 +306,7 @@ export default function LoginPage() {
                   <label>شماره موبایل</label>
                   <input className="input" type="tel" dir="ltr" placeholder="09xxxxxxxxx"
                     style={{ textAlign: 'right' }}
-                    value={forgotMobile} onChange={(e) => setForgotMobile(e.target.value)}
+                    value={forgotMobile} onChange={(e) => setForgotMobile(sanitizeMobileInput(e.target.value))}
                     onKeyDown={(e) => e.key === 'Enter' && handleForgotSend()} />
                 </div>
                 <button className="btn primary block" disabled={forgotLoading} onClick={handleForgotSend}