fix: make Grid Editor vertically scrollable so all rows are visible

The right panel (grid area) had no vertical overflow handling, causing
the last ~5 rows to be clipped and invisible. Added overflow-y-auto
with max-height 80vh, and removed overflow-hidden from the GridTable
wrapper that was cutting off content.

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

admin-lehrer/components/ocr-pipeline/StepGridReview.tsx

@@ -314,7 +314,7 @@ export function StepGridReview({ sessionId, onNext, saveRef }: StepGridReviewPro
         )}
 
         {/* Right: Grid with row-accept buttons */}
-        <div className="space-y-3">
+        <div className="space-y-3 overflow-y-auto" style={{ maxHeight: '80vh' }}>
 
           {/* Zone tables with row-accept buttons */}
           {(() => {
@@ -383,7 +383,7 @@ export function StepGridReview({ sessionId, onNext, saveRef }: StepGridReviewPro
                     {group.map((zone) => (
                       <div
                         key={zone.zone_index}
-                        className={`${group.length > 1 ? 'flex-1 min-w-0' : ''} bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden`}
+                        className={`${group.length > 1 ? 'flex-1 min-w-0' : ''} bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700`}
                       >
                         <GridTable
                           zone={zone}