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

assets/admin/pages/DoctorDetailPage.tsx

@@ -22,7 +22,8 @@ import 'leaflet/dist/leaflet.css';
 import { api, ApiError } from '../lib/api';
 import { useAuthStore } from '../stores/authStore';
 import type { ApiResponse } from '../lib/api';
-import { formatNumber } from '../lib/utils';
+import { formatNumber, iranMobileOptionalSchema } from '../lib/utils';
+import MobileInput from '../components/ui/MobileInput';
 import Modal from '../components/ui/Modal';
 import ConfirmDialog from '../components/ui/ConfirmDialog';
 import NotificationMobileCard from '../components/ui/NotificationMobileCard';
@@ -2105,7 +2106,7 @@ const editSchema = z.object({
   gender:              z.enum(['man', 'woman']).optional().or(z.literal('')),
   degree:              z.string().optional().or(z.literal('')),
   medical_system_code: z.string().max(30).optional().or(z.literal('')),
-  mobile_number:       z.string().max(15).optional().or(z.literal('')),
+  mobile_number:       iranMobileOptionalSchema.optional(),
   info:                z.string().max(2000).optional().or(z.literal('')),
   specialties:         z.array(z.number()).optional(),
   services:            z.array(z.number()).optional(),
@@ -2715,7 +2716,7 @@ export default function DoctorDetailPage({ isOwnProfile = false }: { isOwnProfil
                   <input type="text" className="cp-input" placeholder="دکتر ..." {...register('name')} />
                 </EditField>
                 <EditField label="شماره موبایل مطب">
-                  <input type="text" dir="ltr" className="cp-input" placeholder="09xxxxxxxxx" {...register('mobile_number')} />
+                  <MobileInput className="cp-input" {...register('mobile_number')} />
                 </EditField>
               </div>
             </div>