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

assets/admin/pages/DoctorFormPage.tsx

@@ -13,6 +13,8 @@ import { toast } from 'sonner';
 import { api } from '../lib/api';
 import type { ApiResponse } from '../lib/api';
 import SearchableSelect from '../components/ui/SearchableSelect';
+import MobileInput from '../components/ui/MobileInput';
+import { iranMobileSchema } from '../lib/utils';
 import { useAuthStore } from '../stores/authStore';
 
 // ── Types ────────────────────────────────────────────────────────────────────
@@ -22,7 +24,7 @@ interface SpecialtyOption { id: number; uuid: string; name: string; parent_id: n
 // ── Schema ───────────────────────────────────────────────────────────────────
 
 const schema = z.object({
-  mobile:              z.string().min(10, 'شماره موبایل معتبر نیست').max(15),
+  mobile:              iranMobileSchema,
   name:                z.string().min(2, 'نام حداقل ۲ کاراکتر'),
   gender:              z.enum(['man', 'woman']).optional().or(z.literal('')),
   degree:              z.string().optional().or(z.literal('')),
@@ -318,8 +320,7 @@ export default function DoctorFormPage() {
             <SectionHeader icon={<PhoneIcon style={{ width: 16, height: 16 }} />} title="اطلاعات حساب" />
             <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 14 }}>
               <Field label="شماره موبایل" required error={errors.mobile?.message} hint="اگر کاربر با این شماره وجود دارد پروفایل به او متصل می‌شود">
-                <input type="tel" dir="ltr" className="cp-input" placeholder="09xxxxxxxxx" {...register('mobile')}
-                  style={errors.mobile ? { borderColor: 'var(--danger)' } : {}} />
+                <MobileInput hasError={!!errors.mobile} {...register('mobile')} />
               </Field>
               <Field label="نام کامل" required error={errors.name?.message}>
                 <input type="text" className="cp-input" placeholder="دکتر ..." {...register('name')}