feat(treatment): skip reasons and reopening for session areas

Skipping an area recorded only that it was skipped. Why it was skipped is
clinical history — the next session needs to read it — so `skip` now takes an
optional note, the same way completing an area already did, and the panel asks
for it inline instead of firing on the first click.

An operator finds out mid-laser that they closed the wrong area, and until now
had to carry that mistake to the end of the session. `reopen` puts a settled
area — completed or skipped — back to in_progress and clears finished_at,
keeping the recorded parameters and note so they can be seen and overwritten.
It stops at the same boundary everything else in this domain stops at: once the
session is finished the record is history, and reopening it is 409.

Also drops /admin/my-services. The staff role has one job — today's sessions —
and the dashboard already lists the services they may perform, so the page was
a second place to read the same list. Route, page, sidebar entry and the two
links to it are gone; the services stat card is no longer a link because it no
longer has a destination.

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

assets/admin/pages/DashboardPage.tsx

@@ -1016,7 +1016,7 @@ function StaffDashboard() {
       icon: CalendarDaysIcon, color: 'var(--warning)', bg: 'var(--warning-bg)',
     },
     {
-      to: '/admin/my-services',
+      to: null,
       label: 'سرویس‌های من',
       value: formatNumber(d.stats?.services ?? 0),
       hint: 'سرویس‌هایی که مجاز به انجامشان هستید',
@@ -1045,16 +1045,24 @@ function StaffDashboard() {
       </div>
 
       <div className="stat-grid">
-        {kpiCards.map(c => (
-          <Link key={c.label} to={c.to} className="stat" style={{ display: 'block', color: 'inherit', textDecoration: 'none' }}>
-            <div className="ico" style={{ background: c.bg, color: c.color }}>
-              <c.icon style={{ width: 21, height: 21 }} />
-            </div>
-            <div className="lbl">{c.label}</div>
-            <div className="val">{c.value}</div>
-            <div className="hint">{c.hint}</div>
-          </Link>
-        ))}
+        {kpiCards.map(c => {
+          const body = (
+            <>
+              <div className="ico" style={{ background: c.bg, color: c.color }}>
+                <c.icon style={{ width: 21, height: 21 }} />
+              </div>
+              <div className="lbl">{c.label}</div>
+              <div className="val">{c.value}</div>
+              <div className="hint">{c.hint}</div>
+            </>
+          );
+
+          // فقط کارتی لینک می‌شود که صفحه‌ای پشتش باشد؛ سرویس‌ها صفحهٔ جدا ندارند و
+          // همین‌جا پایین‌تر فهرست می‌شوند.
+          return c.to === null
+            ? <div key={c.label} className="stat">{body}</div>
+            : <Link key={c.label} to={c.to} className="stat" style={{ display: 'block', color: 'inherit', textDecoration: 'none' }}>{body}</Link>;
+        })}
       </div>
 
       <div className="card card-pad" style={{ marginTop: 'var(--gap)' }}>
@@ -1102,7 +1110,6 @@ function StaffDashboard() {
       <div className="card card-pad" style={{ marginTop: 'var(--gap)' }}>
         <div className="card-title-row">
           <h3 style={{ fontSize: 16 }}>سرویس‌های تخصیص‌یافته</h3>
-          <Link to="/admin/my-services" className="link">همه سرویس‌ها</Link>
         </div>
         {d.services.length === 0 ? (
           <p className="muted" style={{ fontSize: 13.5, padding: '1.5rem 0', textAlign: 'center' }}>