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/AppointmentEditPage.tsx

@@ -16,6 +16,7 @@ import { useAppointmentInsurance } from '../hooks/useAppointmentInsurance';
 import { useDoctorBookingServices } from '../hooks/useDoctorBookingServices';
 import ServiceSlotPicker from '../components/appointments/ServiceSlotPicker';
 import type { PickedService, ServicePick } from '../components/appointments/ServiceSlotPicker';
+import Switch from '../components/ui/Switch';
 
 interface Option { uuid: string; name?: string; full_name?: string }
 
@@ -358,10 +359,12 @@ export default function AppointmentEditPage() {
 
         <div style={{ fontSize: 14, fontWeight: 700, marginBottom: 12 }}>بیعانه:</div>
         <div style={{ display: 'flex', alignItems: 'center', gap: 16, flexWrap: 'wrap', marginBottom: 18 }}>
-          <label style={{ display: 'inline-flex', alignItems: 'center', gap: 8, fontSize: 13, cursor: 'pointer' }}>
-            <input type="checkbox" checked={depositRequired} onChange={e => setDepositRequired(e.target.checked)} />
-            بیعانه مورد نیاز است.
-          </label>
+          <Switch
+            inline
+            checked={depositRequired}
+            onChange={setDepositRequired}
+            label="بیعانه مورد نیاز است."
+          />
           {depositRequired && (
             <>
               <div style={{ minWidth: 220 }}>