feat(catalog-ui): add max-height and overflow styles for filters panel

Author: Adrien

apps/catalog-ui/src/components/smart-filter/LinidFavoritePanel.vue

@@ -189,4 +189,9 @@ const uiProps = computed<LinidFavoritePanelUIProps>(() => ({
 }));
 </script>
 
-<style></style>
+<style>
+.linid-favorite-panel--list {
+  max-height: 14rem;
+  overflow-y: auto;
+}
+</style>

apps/catalog-ui/src/components/smart-filter/ListSearchFilterPanel.vue

@@ -27,7 +27,10 @@
 <template>
   <!-- v8 ignore start -->
   <div class="list-search-filter-panel">
-    <q-list v-bind="uiProps.list">
+    <q-list
+      v-bind="uiProps.list"
+      class="list-search-filter-panel--list"
+    >
       <q-item
         v-for="item in props.items"
         :key="item.value"
@@ -108,4 +111,9 @@ function onSearch() {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.list-search-filter-panel .list-search-filter-panel--list {
+  max-height: 13rem;
+  overflow-y: auto;
+}
+</style>

apps/catalog-ui/src/components/smart-filter/TreeSearchFilterPanel.vue

@@ -218,4 +218,8 @@ onMounted(() => {
 .generic-tree-container {
   padding: 0;
 }
+.tree-search-filter-panel .generic-tree-container {
+  max-height: 13rem;
+  overflow-y: auto;
+}
 </style>