fix: prevent empty HQ filters list to take space

src/components/history-query-filters.vue

@@ -1,7 +1,7 @@
 <template>
-  <div v-if="filtersList && filtersList.length" class="x-text1-sm x-flex x-gap-8 x-text-lead-50">
+  <div v-if="filtersWithLabel.length" class="x-text1-sm x-flex x-gap-8 x-text-lead-50">
     <div class="x-truncate">
-      <span v-for="filter in filtersList" :key="filter.id" class="x-pr-8">
+      <span v-for="filter in filtersWithLabel" :key="filter.id" class="x-pr-8">
         {{ filter.label }}
       </span>
     </div>
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts">
-  import { HistoryQuery } from '@empathyco/x-types';
+  import { Filter, HistoryQuery } from '@empathyco/x-types';
   import { defineComponent, PropType } from 'vue';
 
   export default defineComponent({
@@ -25,6 +25,13 @@
         required: false,
         default: false
       }
+    },
+    setup(props) {
+      return {
+        filtersWithLabel: props.filtersList?.filter(
+          filter => (filter as Filter & { label?: string }).label
+        )
+      };
     }
   });
 </script>