Revert "fix(ui): pin DataTable pagination to bottom, table body scrolls independently"

This reverts commit b863370511.

ui/src/pages/Dashboard/Dashboard.module.css

@@ -25,15 +25,7 @@
   overflow: hidden;
 }
 
-/* Make the DataTable wrapper fill height: scroll area grows, footer stays pinned */
+.tableScroll {
-.tableSection > div {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-}
-
-.tableSection > div > div:first-child {
   flex: 1;
   min-height: 0;
   overflow-y: auto;

ui/src/pages/Dashboard/Dashboard.tsx

@@ -267,27 +267,29 @@ export default function Dashboard() {
             </div>
           </div>
 
-          <DataTable
+          <div className={styles.tableScroll}>
-            columns={columns}
+            <DataTable
-            data={rows}
+              columns={columns}
-            onRowClick={handleRowClick}
+              data={rows}
-            selectedId={selectedId}
+              onRowClick={handleRowClick}
-            sortable
+              selectedId={selectedId}
-            flush
+              sortable
-            onSortChange={handleSortChange}
+              flush
-            rowAccent={handleRowAccent}
+              onSortChange={handleSortChange}
-            expandedContent={(row: Row) =>
+              rowAccent={handleRowAccent}
-              row.errorMessage ? (
+              expandedContent={(row: Row) =>
-                <div className={styles.inlineError}>
+                row.errorMessage ? (
-                  <span className={styles.inlineErrorIcon}><AlertTriangle size={14} /></span>
+                  <div className={styles.inlineError}>
-                  <div>
+                    <span className={styles.inlineErrorIcon}><AlertTriangle size={14} /></span>
-                    <div className={styles.inlineErrorText}>{row.errorMessage}</div>
+                    <div>
-                    <div className={styles.inlineErrorHint}>Click to view full stack trace</div>
+                      <div className={styles.inlineErrorText}>{row.errorMessage}</div>
+                      <div className={styles.inlineErrorHint}>Click to view full stack trace</div>
+                    </div>
                   </div>
-                </div>
+                ) : null
-              ) : null
+              }
-            }
+            />
-          />
+          </div>
         </div>
       </div>
     </>