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/resources/ResourceServicesPanel.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import SearchableSelect from '../ui/SearchableSelect';
+import Switch from '../ui/Switch';
 import { formatRial } from '../../lib/utils';
 import type { ClinicResource, ResourceServiceOffering, ServiceItemOption } from '../../types';
 
@@ -106,14 +107,13 @@ export default function ResourceServicesPanel({
               <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
                 <span style={{ flex: 1, fontSize: 13, fontWeight: 600 }}>{line.service_name}</span>
 
-                <label style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 12, color: 'var(--text-2)' }}>
-                  <input
-                    type="checkbox"
-                    checked={line.active}
-                    onChange={(e) => patch(index, { active: e.target.checked })}
-                  />
-                  فعال
-                </label>
+                <Switch
+                  inline
+                  checked={line.active}
+                  onChange={(v) => patch(index, { active: v })}
+                  label="فعال"
+                  ariaLabel={`فعال بودن سرویس ${line.service_name}`}
+                />
 
                 <button
                   type="button"