fix(catalog-ui): center smart filter and make panels grow

Author: jcabannes

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

@@ -27,7 +27,7 @@
 <template>
   <!-- v8 ignore start -->
   <div
-    class="linid-favorite-panel"
+    class="col-grow linid-favorite-panel"
     data-cy="linid-favorite-panel"
   >
     <div class="text-weight-bold q-pa-sm linid-favorite-panel--title">

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

@@ -27,7 +27,7 @@
 <template>
   <!-- v8 ignore start -->
   <div
-    class="linid-filter-panel"
+    class="column col-grow linid-filter-panel"
     data-cy="linid-filter-panel"
   >
     <div class="text-weight-bold q-pa-sm linid-filter-panel--title">
@@ -40,7 +40,7 @@
 
     <q-separator v-bind="uiProps.titleSeparator" />
 
-    <div class="row no-wrap linid-filter-panel--content">
+    <div class="row col-grow no-wrap linid-filter-panel--content">
       <q-list
         v-bind="uiProps.list"
         class="col-auto linid-filter-panel--list"

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

@@ -80,6 +80,8 @@
         v-model="isFilterMenuOpen"
         :persistent="isMenuPersistent ?? false"
         class="row linid-smart-filter--menu"
+        anchor="bottom middle"
+        self="top middle"
         data-cy="linid-smart-filter-menu"
         v-bind="uiProps.menu"
       >