refactor: update form and dynamic components with grid layout and overflow handling

Author: caperaven

app/form/form.css

@@ -4,14 +4,10 @@
 @import "./../../components/styles/form.css";
 
 :host {
-    display: block;
+    display: grid;
+    grid-template-rows: auto 1fr;
     padding: var(--padding);
     width: 100%;
     height: 100%;
-}
-
-.list-item {
-    display: block;
-    height: 2rem;
-    background: red;
+    overflow: hidden;
 }

components/dynamic-columns/dynamic-columns.css

@@ -9,6 +9,7 @@
     user-select: none;
     width: 100%;
     height: 100%;
+    overflow: hidden;
 }
 
 ::slotted(.resize-handle) {

components/dynamic-rows/dynamic-rows.css

@@ -10,6 +10,7 @@
     user-select: none;
     width: 100%;
     height: 100%;
+    overflow: hidden;
 }
 
 ::slotted(.resize-handle) {