Refactor facet autocomplete

• Better code structure
• Add OR between filters

components/content/RefseqDb.vue

@@ -10,6 +10,7 @@ import { useDownloadBlob } from '@/composables/useDownloadBlob';
 
 
 import type { ComponentPublicInstance } from 'vue'
+import type { FacetInputItem } from '@/components/AutocompleteMeiliFacets.vue'
 
 const sortBy: Ref<SortItem[]> = ref([{ key: 'type', order: "asc" }])
 const itemValue = ref("id");
@@ -21,16 +22,18 @@ const { serialize } = useSerialize()
 const { rasterize } = useRasterize()
 const { download } = useDownloadBlob()
 
-const facets = ref([
-    "replicon",
-    "type",
-    "subtype",
-    "Superkingdom",
-    "phylum",
-    "order",
-    "family",
-    "genus",
-    "species",
+const facets = ref<FacetInputItem[]>([
+    { title: "Replicon", value: "replicon", icon: "" },
+    { title: "Defense System", icon: "" },
+    { title: "System", value: "type", icon: "" },
+    { title: "Subsystem", value: "subtype", icon: "" },
+    { title: "Taxonomy", icon: "", },
+    { title: "Superkingdom", value: "Superkingdom", icon: "" },
+    { title: "", value: "phylum", icon: "" },
+    { title: "", value: "order", icon: "" },
+    { title: "", value: "family", icon: "" },
+    { title: "", value: "genus", icon: "" },
+    { title: "", value: "species", icon: "" },
 ])
 const availableTaxo: Ref<string[]> = ref([
     "species",