H-6364: Fix results layout — independent scroll containers

Use position:absolute + inset:0 on the outer container so both panels
fill the available content area. Each panel scrolls independently.
Evidence viewer max-width 780px, centered. minHeight:0 on flex parent
allows children to shrink and scroll.

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

Author: lunelson

apps/hash-frontend/src/pages/ingest/results.page.tsx

@@ -88,7 +88,14 @@ const IngestResultsPage: NextPageWithLayout = () => {
   };
 
   return (
-    <>
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        position: "absolute",
+        inset: 0,
+      }}
+    >
       <WorkersHeader
         crumbs={[
           { title: "Ingest", href: "/ingest", id: "ingest" },
@@ -156,7 +163,9 @@ const IngestResultsPage: NextPageWithLayout = () => {
       )}
 
       {view && (
-        <Box sx={{ display: "flex", flex: 1, overflow: "hidden" }}>
+        <Box
+          sx={{ display: "flex", flex: 1, minHeight: 0, overflow: "hidden" }}
+        >
           <ResultsPanel
             rosterEntries={view.roster.entries}
             claims={view.claims}
@@ -169,7 +178,8 @@ const IngestResultsPage: NextPageWithLayout = () => {
               flex: 1,
               overflow: "auto",
               p: 2,
-              maxWidth: 720,
+              maxWidth: 780,
+              mx: "auto",
             }}
           >
             <PageViewer
@@ -191,7 +201,7 @@ const IngestResultsPage: NextPageWithLayout = () => {
           </Box>
         </Box>
       )}
-    </>
+    </Box>
   );
 };