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/components/AppointmentActions.tsx

@@ -30,6 +30,7 @@ import SearchableSelect from "./ui/SearchableSelect";
 import ServiceSlotPicker from "./appointments/ServiceSlotPicker";
 import type { PickedService, ServicePick } from "./appointments/ServiceSlotPicker";
 import { useDoctorBookingServices } from "../hooks/useDoctorBookingServices";
+import Switch from './ui/Switch';
 
 /** Row actions for the appointments table (Figma عملیات menu). */
 type ModalKind = null | "info" | "move" | "transfer" | "replace";
@@ -1009,24 +1010,12 @@ export function ReplaceAppointmentModal({
                         marginBottom: 12,
                     }}
                 >
-                    <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 && (
                         <WalletChargeLink mobile={effectiveMobile} />
                     )}