fix: make PairsPanel fully scrollable including PairForm

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/StatementCreation.jsx

@@ -479,8 +479,9 @@ function PairsPanel({ selectedObject, objectPairs, loadingPairs, onPairSaved })
         </h2>
       </div>
 
-      {/* Add pair form */}
-      <div className="p-3 border-b border-slate-100 flex-shrink-0">
+      {/* Scrollable body: form + pairs list together */}
+      <div className="flex-1 overflow-y-auto">
+        <div className="p-3 border-b border-slate-100">
           <PairForm
             objectId={selectedObject.id}
             onPairSaved={onPairSaved}
@@ -488,7 +489,7 @@ function PairsPanel({ selectedObject, objectPairs, loadingPairs, onPairSaved })
         </div>
 
         {/* Existing pairs */}
-      <div className="flex-1 overflow-y-auto p-3 space-y-3">
+        <div className="p-3 space-y-3">
         {loadingPairs && (
           <div className="space-y-2">
             {[1,2].map(i => <div key={i} className="h-16 bg-slate-100 rounded animate-pulse" />)}