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

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

@@ -25,7 +25,15 @@
   overflow: hidden;
 }
 
-.tableScroll {
+/* Make the DataTable wrapper fill height: scroll area grows, footer stays pinned */
+.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,7 +267,6 @@ export default function Dashboard() {
             </div>
           </div>
 
-          <div className={styles.tableScroll}>
           <DataTable
             columns={columns}
             data={rows}
@@ -291,7 +290,6 @@ export default function Dashboard() {
           />
         </div>
       </div>
-      </div>
     </>
   )
 }