feat(admin): 'next appointments' tab in the patient file

A patient's file had no view of their multi-session courses: which ones they
have, when the remaining sessions fall, or what was recorded in the sessions
already done. All of it lived on a tenant-wide page.

The tab lists the patient's courses and, per course, a card for every session
with its date, its status, and — for finished ones — the areas treated with the
device readings a staff member logged. Estimated dates are labelled as such, so
a projection is never read as a booking.

Each unbooked session carries a button that opens the same NewAppointmentModal
used elsewhere, seeded with that session's date, and now binds the resulting
appointment to that exact session via a new treatmentSessionUuid prop — a
patient can have several open courses, and without it the attachment falls back
to guessing from the service.

The modal opens in resource mode, not doctor mode: a course's service is booked
against the device's calendar, so useDoctorBookingServices returns nothing for
the supervising doctor and the picker would render 'no bookable services'. The
plan response now carries the course's device for exactly this. A course with no
device yet says so instead of offering a button that cannot work.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

assets/admin/pages/PatientDetailPage.tsx

@@ -41,13 +41,15 @@ import {
   GENDER_OPTS, MARITAL_OPTS, EDUCATION_OPTS, REFERRAL_OPTS,
 } from '../lib/patientForm';
 import { usePermissions } from '../hooks/usePermissions';
+import PatientTreatmentTab from '../components/patient/PatientTreatmentTab';
 
-type TabKey = 'services' | 'info' | 'appointments' | 'payments' | 'wallet' | 'notes' | 'callcenter' | 'attach' | 'records';
+type TabKey = 'services' | 'info' | 'appointments' | 'treatment' | 'payments' | 'wallet' | 'notes' | 'callcenter' | 'attach' | 'records';
 
 const TABS: { key: TabKey; label: string; icon: (c: string) => React.ReactNode }[] = [
   { key: 'services',     label: 'سرویس‌ها',      icon: (c) => <TabServices color={c} /> },
   { key: 'info',         label: 'اطلاعات پرونده', icon: (c) => <TabInfo color={c} /> },
   { key: 'appointments', label: 'نوبت‌ها',        icon: (c) => <TabCalendar color={c} /> },
+  { key: 'treatment',    label: 'نوبت‌های بعدی',  icon: (c) => <ClipboardDocumentListIcon style={{ width: 18, color: c }} /> },
   { key: 'payments',     label: 'پرداخت‌ها',      icon: (c) => <TabCard color={c} /> },
   { key: 'wallet',       label: 'کیف پول',        icon: (c) => <TabWallet color={c} /> },
   { key: 'notes',        label: 'یادداشت‌ها',     icon: (c) => <DocumentTextIcon style={{ width: 18, color: c }} /> },
@@ -258,6 +260,8 @@ export default function PatientDetailPage() {
         </div>
       ) : tab === 'appointments' ? (
         <AppointmentsTab uuid={uuid!} q={appointmentsQ} />
+      ) : tab === 'treatment' ? (
+        <PatientTreatmentTab recordUuid={uuid ?? ''} />
       ) : tab === 'payments' ? (
         <PaymentsTab q={sessionsQ} />
       ) : tab === 'wallet' ? (