feat(settings): render doctor/clinic settings pages inside the settings shell

Wrap the existing settings-area pages — doctor profile (مدیریت پزشک),
insurance pricing (بیمه), payment report (پرداخت), SMS wallet (پیامک‌ها),
secretaries (منشی) and clinic info (مطب) — in SettingsLayout so they appear
under the settings sub-navigation like the Figma design, with the matching
menu item highlighted. Wire the doctor/clinic menu entries to their routes.

The نوبت‌دهی / برچسب‌ها / حساب کاربری entries stay as disabled placeholders
until they have their own pages/designs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

assets/admin/pages/MyFinancialPage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import SettingsLayout from '../components/layout/SettingsLayout';
 import { useQuery } from '@tanstack/react-query';
 import { api } from '../lib/api';
 import type { ApiResponse } from '../lib/api';
@@ -30,7 +31,7 @@ function KpiCard({ label, value, color }: { label: string; value: string; color:
 
 const BAR_MAX_HEIGHT = 120;
 
-export default function MyFinancialPage() {
+function MyFinancialPageContent() {
   const { data, isLoading } = useQuery<ApiResponse<FinancialSummary>>({
     queryKey: ['my-financial-summary'],
     queryFn: () => api.get('/api/v1/my/financial-summary'),
@@ -81,3 +82,11 @@ export default function MyFinancialPage() {
     </div>
   );
 }
+
+export default function MyFinancialPage() {
+  return (
+    <SettingsLayout active="payment">
+      <MyFinancialPageContent />
+    </SettingsLayout>
+  );
+}