Add row selection, bulk delete, row numbers and page size picker to tables; redesign person profile header

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/styles/main.css

@@ -269,6 +269,51 @@ textarea::placeholder {
   margin: 0 0 0.5rem;
 }
 
+th.num-col,
+td.num-col {
+  width: 2.6rem;
+  text-align: center;
+  color: #94a3b8;
+  font-size: 0.8rem;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+}
+
+/* شماره ردیف خودکار برای جدول‌های دارای v-table-cols؛ شروع با --row-start (آفست صفحه) */
+table[data-rownum] > tbody {
+  counter-reset: tc-row var(--row-start, 0);
+}
+
+table[data-rownum] > tbody > tr:not(:has(> td[colspan])) {
+  counter-increment: tc-row;
+}
+
+table[data-rownum] > thead > tr::before,
+table[data-rownum] > tbody > tr::before {
+  display: table-cell;
+  width: 2.6rem;
+  padding: 0.6rem 0.4rem;
+  text-align: center;
+  vertical-align: middle;
+  color: #94a3b8;
+  font-size: 0.8rem;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  border-bottom: 1px solid #f1f5f9;
+}
+
+table[data-rownum] > thead > tr::before {
+  content: '#';
+}
+
+table[data-rownum] > tbody > tr::before {
+  content: counter(tc-row, persian);
+}
+
+table[data-rownum] > tbody > tr:has(> td[colspan])::before {
+  content: '';
+}
+
 @media (max-width: 900px) {
   :root {
     --mobile-tabbar-h: calc(3.65rem + env(safe-area-inset-bottom, 0px));