Merge pull request 'feat(case-ui): drafts tab — 3 clear cards (X17 18h)' (#380) from worktree-drafts-three-cards into main

Groups the drafts/comments tab into distinct cards instead of one long scroll:
- "פסיקה שצוטטה" (CitationsSection) moved inside the chair's signed-final card
  as its sub-section (was floating between final and the files table).
- "קבצי טיוטה" and "הערות יו״ר" sections each wrapped in a bordered surface card.

Result: draft-ready banner + active-draft badge at top, then three cards —
final-decision+learning (gold), draft files, chair feedback. All logic,
mutations, dialogs and the feedback list preserved verbatim.

tsc --noEmit + eslint clean. Design-gate: mockup 18h approved in Claude Design X17.

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

web-ui/src/components/cases/drafts-panel.tsx

@@ -347,13 +347,13 @@ export function DraftsPanel({
           </div>
         )}
         {hasFinal && <LearningStatusBadges caseNumber={caseNumber} />}
+        {/* precedents cited inside the signed decision — sub-section of the
+            final card (mockup 18h), collapsible inside CitationsSection itself */}
+        <CitationsSection caseNumber={caseNumber} />
       </section>
 
-      {/* ── Precedents cited inside the signed decision ── */}
+      {/* ── Card: draft files (mockup 18h) ── */}
-      <CitationsSection caseNumber={caseNumber} />
+      <section className="rounded-lg border border-rule bg-surface p-4">
-
-      {/* ── Exports list ── */}
-      <section>
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">קבצי טיוטה</h3>
           <div className="flex items-center gap-2">
@@ -521,8 +521,8 @@ export function DraftsPanel({
         </Dialog>
       </section>
 
-      {/* ── Chair feedback ── */}
+      {/* ── Card: chair feedback (mockup 18h) ── */}
-      <section>
+      <section className="rounded-lg border border-rule bg-surface p-4">
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">
             הערות יו״ר