feat: update session payment logic to ensure accurate payable amounts and reflect consumables in cost breakdown

- Adjusted the calculation of payable amounts in PaymentStep to align with server logic, ensuring overpayments are handled correctly.
- Enhanced DetailsStep to include consumables in the itemized cost breakdown, ensuring consistency with patient share calculations.
- Updated tests for SessionPaymentPage to validate new behavior regarding overpayments and consumable listings.
- Modified PatientController to register SessionPayment correctly when settling sessions via wallet, preventing double charges.
- Refactored WalletService to remove outdated methods and ensure wallet transactions reflect the correct amounts after discounts.
- Improved accessibility in SearchableSelect component by adding aria labels and ensuring proper role attributes for screen readers.
- Updated styles to ensure minimum touch targets meet WCAG guidelines for mobile usability.

assets/admin/components/layout/SettingsLayout.test.tsx

@@ -58,7 +58,9 @@ describe('SettingsLayout', () => {
     // SettingsMenuPage (mobile) keeps using menuForRole / SETTINGS_MENU
     expect(menuForRole('clinic').map((i) => i.key)).toContain('clinic-doctors');
     expect(menuForRole('clinic').map((i) => i.key)).not.toContain('doctor');
-    expect(menuForRole('clinic').map((i) => i.key)).not.toContain('appointment');
+    // کلینیک ورودی تنظیمات نوبت‌دهیِ مخصوص خودش را دارد
+    expect(menuForRole('clinic').find((i) => i.key === 'appointment')?.to)
+      .toBe('/admin/settings/appointment-settings');
     // a plain doctor must not get the clinic-doctors management tab
     expect(menuForRole('doctor').map((i) => i.key)).not.toContain('clinic-doctors');
   });