feat: replace checkboxes with Switch component for better UI consistency

- Updated DoctorDetailPage, MySecretariesPage, RecordNumberSettingsPage, RepresentationsPage, ResourcePoolsPage, ResourceTypesPage, SecretariesPage, SecretaryDetailPage, SettingsPage, SkillsPage, SmsWalletPage, and TagsSettingsPage to use the new Switch component instead of native checkboxes.
- Enhanced accessibility by ensuring the Switch component uses appropriate roles and labels.
- Added tests for the new Switch component to ensure functionality and accessibility compliance.
- Updated styles to accommodate the new Switch component design.

assets/admin/pages/RepresentationsPage.tsx

@@ -20,6 +20,7 @@ import ConfirmDialog from '../components/ui/ConfirmDialog';
 import Modal from '../components/ui/Modal';
 import SearchableSelect from '../components/ui/SearchableSelect';
 import { numericField } from '../lib/forms';
+import Switch from '../components/ui/Switch';
 
 const schema = z.object({
   full_name:          z.string().min(2, 'نام الزامی است'),
@@ -64,7 +65,7 @@ export default function RepresentationsPage() {
     },
   });
 
-  const { register, handleSubmit, reset, control, watch, formState: { errors, isSubmitting } } = useForm<FormData>({
+  const { register, handleSubmit, reset, control, watch, setValue, formState: { errors, isSubmitting } } = useForm<FormData>({
     resolver: zodResolver(schema),
     defaultValues: { commission_percent: 10, city_ids: [], is_global: false },
   });
@@ -203,10 +204,12 @@ export default function RepresentationsPage() {
             {errors.mobile_number && <p className="err-text">{errors.mobile_number.message}</p>}
           </div>
           <div className="form-row" style={{ marginTop: 12 }}>
-            <label style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-              <input type="checkbox" {...register('is_global')} style={{ width: 16, height: 16 }} />
-              نماینده سراسری (دامنه اختصاصی — فقط پزشکان/کلینیک‌های خودش نمایش داده می‌شوند)
-            </label>
+            <Switch
+              inline
+              checked={watch('is_global') ?? false}
+              onChange={(v) => setValue('is_global', v, { shouldDirty: true })}
+              label="نماینده سراسری (دامنه اختصاصی — فقط پزشکان/کلینیک‌های خودش نمایش داده می‌شوند)"
+            />
           </div>
           <div className="form-row" style={{ marginTop: 12 }}>
             <label>دامنه</label>