feat(subscription): implement resource quota management based on subscription plans

assets/admin/pages/ResourcesPage.tsx

@@ -5,9 +5,10 @@ import PageHeader from '../components/ui/PageHeader';
 import DataTable, { type Column } from '../components/ui/DataTable';
 import SearchableSelect from '../components/ui/SearchableSelect';
 import { ActiveBadge } from '../components/ui/StatusBadge';
+import { formatNumber } from '../lib/utils';
 import { useUrlState } from '../hooks/useUrlState';
 import { usePermissions } from '../hooks/usePermissions';
-import { useResources, useResourceTypes, useSkills } from '../hooks/useResources';
+import { useResourceQuota, useResources, useResourceTypes, useSkills } from '../hooks/useResources';
 import ResourceFormModal from '../components/resources/ResourceFormModal';
 import type { ClinicResource } from '../types';
 import ResourcesSubNav from '../components/resources/ResourcesSubNav';
@@ -45,6 +46,8 @@ export default function ResourcesPage() {
   // ساخت تنها کاری است که به منبعِ موجود گره نمی‌خورد، پس تنها مودالی است که می‌ماند.
   const [createOpen, setCreateOpen] = useState(false);
 
+  const quota = useResourceQuota();
+
   const rows = useMemo(() => {
     const q = urlState.search.trim();
     return q === '' ? resources : resources.filter((r) => `${r.name} ${r.type_name}`.includes(q));
@@ -102,11 +105,26 @@ export default function ResourcesPage() {
       <PageHeader
         title="منابع"
         description="هر چیزی که ممکن است اشغال باشد: پزشک، اپراتور، اتاق، دستگاه. ظرفیت یعنی تعداد بیمار هم‌زمان."
+        /* سقف پلن پیش از باز شدن فرم گفته می‌شود، نه بعد از پر کردنش: خطای ۴۲۲ ته کار
+           همان اطلاعات را دیرتر و گران‌تر می‌داد. تصمیم نهایی همچنان با سرور است. */
         action={
           canUpdate ? (
-            <button type="button" className="btn primary" onClick={() => setCreateOpen(true)}>
-              <PlusIcon style={{ width: 16 }} /> افزودن منبع
-            </button>
+            <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>
+              {!quota.unlimited && (
+                <span style={{ fontSize: 12.5, color: 'var(--text-3)' }}>
+                  {formatNumber(quota.used)} از {formatNumber(quota.limit)} منبع پلن فعلی
+                </span>
+              )}
+              {quota.atLimit ? (
+                <Link to="/admin/subscription" className="btn primary" style={{ textDecoration: 'none' }}>
+                  ارتقای پنل
+                </Link>
+              ) : (
+                <button type="button" className="btn primary" onClick={() => setCreateOpen(true)}>
+                  <PlusIcon style={{ width: 16 }} /> افزودن منبع
+                </button>
+              )}
+            </div>
           ) : undefined
         }
       />