fix: improve layout and styling of filter components

Author: yaroslav8765

custom/FiltersArea.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="flex gap-1">
-    <div v-for="filter in meta.options" :key="filter.name" >
+  <div class="flex flex-wrap gap-1">
+    <template v-for="filter in meta.options" :key="filter.name" >
       <UniversalSearchInput 
         v-if="filter.hasSearchInput" 
         :meta="{ 
@@ -9,12 +9,12 @@
         }" 
       />
 
-      <div v-else>
+      <div class="w-64" v-else>
         <QickFiltersSelect 
           :filter="filter"
         />
       </div>
-    </div>
+    </template>
   </div>
 
 </template>

custom/QickFiltersSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <Select
-    class="w-full"
+    class="w-full text-sm"
     :options="selectOptions"
     v-model="selected"
     classesForInput="py-[4px] !text-sm bg-white rounded"

index.ts

@@ -77,7 +77,6 @@ export default class  extends AdminForthPlugin {
     const transformer = async ({ query }: { query: any }) => {
       const normalizedFilters = normalizeFilterValue(query.filters);
       query.filters = normalizedFilters;
-      console.log('Transformed filters', query.filters);
       return { ok: true, error: '' };
     };