[#7223] workaround firefox overflow issue

ui/src/scss/_form.scss

@@ -1241,6 +1241,7 @@ select {
     display: flex;
     flex-direction: column;
     width: 100%;
+    overflow: visible; // https://github.com/pocketbase/pocketbase/issues/7223
     .form-field label ~ & {
         padding-bottom: 6px;
         padding-top: 4px;
@@ -1279,6 +1280,7 @@ select {
         }
         .cm-scroller {
             flex-grow: 1;
+            overflow: auto;
             outline: 0 !important;
             font-family: var(--monospaceFontFamily);
             font-size: var(--baseFontSize);

ui/src/scss/_searchbar.scss

@@ -39,6 +39,9 @@
         padding-top: 0;
         padding-bottom: 0;
     }
+    .cm-scroller {
+        max-height: 100px;
+    }
     .cm-editor {
         flex-grow: 0;
         margin-top: auto;