fix(frontend): remove fixed height from ManySelect

Frontend development is not my passion, there might be a better fix.

I've tested my changes in all places that I found using the chganed components (ManySelect, ScrollablePanel):

- Changelog filters
- Version filters
- Download dialog
- Search filters

Fixes modrinth#2334

Author: Erb3

packages/ui/src/components/base/ManySelect.vue

@@ -31,7 +31,7 @@
             "
           />
         </div>
-        <ScrollablePanel v-if="search" class="h-[17rem]">
+        <ScrollablePanel v-if="search">
           <Button
             v-for="(option, index) in filteredOptions"
             :key="`option-${index}`"

packages/ui/src/components/base/ScrollablePanel.vue

@@ -113,6 +113,7 @@ function onScroll({ target: { scrollTop, offsetHeight, scrollHeight } }) {
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
+  max-height: 19rem;
 
   ::-webkit-scrollbar {
     transition: all;