chore(sql_console): full-height table

apps/client/src/stylesheets/table.css

@@ -14,13 +14,13 @@
     --row-moving-background-color: var(--accented-background-color);
     --row-text-color: var(--main-text-color);
     --row-delimiter-color: var(--more-accented-background-color);
-    
+
     --cell-horiz-padding-size: 8px;
     --cell-vert-padding-size: 8px;
-    
+
     --cell-editable-hover-outline-color: var(--main-border-color);
     --cell-read-only-text-color: var(--muted-text-color);
-    
+
     --cell-editing-border-color: var(--main-border-color);
     --cell-editing-border-width: 2px;
     --cell-editing-background-color: var(--ck-color-selector-focused-cell-background);
@@ -80,7 +80,6 @@
 
 .tabulator-tableholder {
     padding-top: 10px;
-    height: unset !important; /* Don't extend on the full height */
 }
 
 /* Rows */
@@ -196,4 +195,4 @@
 :root .tabulator .tabulator-footer {
     border-top: unset;
     padding: 10px 0;
-}
+}

apps/client/src/widgets/collections/table/index.css

@@ -4,6 +4,10 @@
     height: 100%;
     user-select: none;
     padding: 0 5px 0 10px;
+
+    .tabulator-tableholder {
+        height: unset !important;
+    }
 }
 
 .table-view-container {
@@ -68,4 +72,4 @@
     inset-inline-start: 0;
     font-size: 1.5em;
     transform: translateY(-50%);
-}
+}

apps/client/src/widgets/type_widgets/SqlConsole.css

@@ -19,7 +19,6 @@
             min-height: 0;
 
             > .tabulator {
-                height: 100%;
                 --cell-vert-padding-size: 4px;
 
                 > .tabulator-tableholder {

apps/client/src/widgets/type_widgets/SqlConsole.tsx

@@ -81,6 +81,7 @@ function SqlResultTable({ rows }: { rows: object[] }) {
             pagination
             paginationSize={20}
             paginationCounter="rows"
+            height="100%"
             columns={[
                 {
                     title: "#",