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

ui/src/pages/Dashboard/Dashboard.tsx

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