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

assets/admin/components/ui/InviteDoctorModal.tsx

@@ -6,9 +6,11 @@ import { XMarkIcon } from '@heroicons/react/24/outline';
 import { toast } from 'sonner';
 import { api } from '../../lib/api';
 import type { ApiResponse } from '../../lib/api';
+import MobileInput from './MobileInput';
+import { iranMobileSchema } from '../../lib/utils';
 
 const inviteSchema = z.object({
-  mobile:    z.string().regex(/^09\d{9}$/, 'شماره موبایل ۱۱ رقمی با 09 شروع می‌شود'),
+  mobile:    iranMobileSchema,
   name:      z.string().optional(),
   specialty: z.string().optional(),
 });
@@ -47,7 +49,7 @@ export default function InviteDoctorModal({ clinicUuid, onClose, onInvited }: Pr
           <div className="modal-body" style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>
             <div>
               <label style={{ fontSize: 13, fontWeight: 600, display: 'block', marginBottom: 6 }}>شماره موبایل پزشک *</label>
-              <input className="input" dir="ltr" placeholder="09xxxxxxxxx" {...register('mobile')} />
+              <MobileInput className="input" hasError={!!errors.mobile} {...register('mobile')} />
               {errors.mobile && <div className="err-text">{errors.mobile.message}</div>}
             </div>
             <div>