fix(hearing): פאנל "מה קרה בדיון" סגור כברירת-מחדל (#226)

עוטף את HearingChangesPanel באקורדיון single/collapsible סגור-כברירת-מחדל,
זהה לפאנל-האח "טיעונים מאוגדים לפי צד" מעליו (הנחיית חיים). הכותרת+תיאור
עוברים לטריגר-האקורדיון; מוסרת הכותרת הכפולה מהרכיב (כפתור-ההרצה נשמר,
מיושר לקצה בתצוגה המלאה). tsc + eslint ירוקים.

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

web-ui/src/components/cases/hearing-changes-panel.tsx

@@ -11,7 +11,6 @@ import {
   HelpCircle,
   Link2,
   Loader2,
-  MessageSquareText,
   Plus,
   RotateCw,
   Sparkles,
@@ -202,20 +201,6 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
 
   return (
     <div className="space-y-4">
-      <div className="flex flex-wrap items-start justify-between gap-3">
-        <div>
-          <h2 className="text-navy flex items-center gap-2 text-base font-semibold">
-            <MessageSquareText className="text-gold-deep size-5" aria-hidden />
-            מה קרה בדיון
-          </h2>
-          <p className="text-ink-muted mt-0.5 max-w-2xl text-xs leading-relaxed">
-            השוואה בין הטענות בכתב לבין מה שנטען בדיון בעל-פה — אילו טענות התחזקו
-            ואילו נטענו לראשונה, כדי שהדיון (בלוק י) יתייחס לגלגול העדכני.
-          </p>
-        </div>
-        {runButton}
-      </div>
-
       {isPending ? (
         <div className="space-y-2">
           <Skeleton className="h-20 w-full" />
@@ -236,6 +221,7 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
         </div>
       ) : (
         <>
+          <div className="flex justify-end">{runButton}</div>
           {/* hearing header strip */}
           {header && (
             <div className="bg-parchment border-rule rounded-lg border px-5 py-4 shadow-sm">