feat(ui): IA redesign → production · צרור-2 (13 הדפים הנותרים) — ליטוש-ויזואלי בלבד

מעבר מלא על שאר 13 הדפים מול מוקאפי-Claude-Design המאושרים. **UI/className בלבד —
שום hook/query/mutation/טאב/טופס/לוגיקה לא נגע** (אומת: 0 הסרות-hook/import ב-diff).

שונו (פער-ויזואלי אמיתי):
- archive — pill-ספירה ב-gold-wash + breadcrumb (הוסר טקסט-ספירה כפול בכרטיס).
- feedback — CTA "סמן כיושם" gold-filled + תיבת-לקח עם גבול-זהב-לוגי.
- methodology — כותרת קנונית (breadcrumb + h1 text-navy + gradient divider).
- missing-precedents — pill open-count (warn-bg, tabular-nums).
- precedents/[id] — ציטוט-מפתח gold-wash + border-s לוגי; צ'יפי-מטא צבעוניים (domain=info/level=gold/binding=success).
- skills — נקודות-סטטוס צבעוניות בתוך ה-pills.
- scripts — breadcrumb + gradient divider.
- components/precedents: library-search-panel (border לוגי, "קטע"=info, צ'יפ "הלכות מאושרות בלבד"), halacha-meta (binding=success/persuasive=gold-wash).

parity — ללא שינוי (כבר תואמים): graph, training, settings, digests, precedents(shell), cases/[n], operations, compose.

בדיקות: npx tsc --noEmit ✓ · eslint ✓ (לבד מ-learning-panel:109 קיים-מראש).
מסכם את תרגום 17 הדפים לפרודקשן (צרור-1 #211 = approvals+home).

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

web-ui/src/app/archive/page.tsx

@@ -156,14 +156,29 @@ export default function ArchivePage() {
     <AppShell>
       <section className="space-y-8">
         <header className="space-y-1.5">
-          <div className="text-[0.75rem] uppercase tracking-[0.12em] text-gold-deep">
-            ארכיון תיקי ערר
+          <nav className="text-[0.78rem] text-ink-muted mb-1">
+            <Link href="/" className="hover:text-gold-deep">בית</Link>
+            <span aria-hidden> · </span>
+            <span className="text-navy">ארכיון</span>
+          </nav>
+          <div className="flex items-end justify-between gap-4 flex-wrap">
+            <div className="space-y-1">
+              <div className="text-[0.75rem] uppercase tracking-[0.12em] text-gold-deep">
+                ארכיון תיקי ערר
+              </div>
+              <h1 className="text-navy mb-0">תיקים סגורים</h1>
+              <p className="text-ink-muted text-base max-w-2xl leading-relaxed">
+                תיקים שסגרו את הטיפול בהם. שחזור מחזיר את התיק לרשימה הראשית
+                ופותח מחדש את הפרויקט המקביל ב-Paperclip.
+              </p>
+            </div>
+            <div className="inline-flex items-baseline gap-2 rounded-lg border border-rule bg-gold-wash px-4 py-2.5">
+              <span className="text-2xl font-semibold text-gold-deep leading-none tabular-nums">
+                {table.getFilteredRowModel().rows.length}
+              </span>
+              <span className="text-[0.85rem] text-ink-soft">תיקים בארכיון</span>
+            </div>
           </div>
-          <h1 className="text-navy">תיקים סגורים</h1>
-          <p className="text-ink-muted text-base max-w-2xl leading-relaxed">
-            תיקים שסגרו את הטיפול בהם. שחזור מחזיר את התיק לרשימה הראשית
-            ופותח מחדש את הפרויקט המקביל ב-Paperclip.
-          </p>
         </header>
 
         <div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
@@ -178,9 +193,6 @@ export default function ArchivePage() {
                 className="max-w-sm bg-surface"
                 dir="rtl"
               />
-              <span className="text-sm text-ink-muted me-auto">
-                {table.getFilteredRowModel().rows.length} תיקים בארכיון
-              </span>
             </div>
 
             <div className="rounded-lg border border-rule bg-surface shadow-sm overflow-hidden">