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/paymentMethods/StatusToggle.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Switch from '../ui/Switch';
 
 /**
  * سوییچ وضعیت فعال/غیرفعال — معادل MUI Switch مبدأ با دیزاین‌سیستم مقصد.
@@ -16,16 +17,9 @@ export default function StatusToggle({
   const label = active ? 'فعال' : 'غیرفعال';
   return (
     <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-      <label className="switch" title={label}>
-        <input
-          type="checkbox"
-          checked={active}
-          onChange={onToggle}
-          disabled={disabled}
-          aria-label={label}
-        />
-        <span className="switch-track"><span className="switch-thumb" /></span>
-      </label>
+      <span title={label}>
+        <Switch checked={active} onChange={onToggle} disabled={disabled} ariaLabel={label} />
+      </span>
       <span style={{ fontSize: 13, color: 'var(--text-2)' }}>{label}</span>
     </div>
   );