add icons for systemDB

components/content/SystemDb.vue

@@ -23,22 +23,22 @@ const autocompleteMeiliFacetsProps = ref<AutocompleteMeiliFacetProps>({
     db: toValue(dbName),
     facets: [
         { title: "Defense System", type: "subheader" },
-        { title: 'System', value: "title", type: "facet", icon: "" },
+        { title: 'System', value: "title", type: "facet", icon: "mdi-virus-outline" },
 
         { type: "divider" },
         { title: "Mechanism", type: "subheader" },
-        { title: 'Sensor', value: "Sensor", type: "facet", icon: "" },
-        { title: 'Effector', value: "Effector", type: "facet", icon: "" },
-        { title: 'Activator', value: "Activator", type: "facet", icon: "" },
+        { title: 'Sensor', value: "Sensor", type: "facet", icon: "mdi-cog" },
+        { title: 'Effector', value: "Effector", type: "facet", icon: "mdi-cog" },
+        { title: 'Activator', value: "Activator", type: "facet", icon: "mdi-cog" },
 
 
         { type: "divider" },
         { title: "PFAM", type: "subheader" },
-        { title: 'Acession', value: "PFAM.AC", type: "facet", icon: "" },
-        { title: 'Description', value: "PFAM.DE", type: "facet", icon: "" },
+        { title: 'Acession', value: "PFAM.AC", type: "facet", icon: "mdi-key" },
+        { title: 'Description', value: "PFAM.DE", type: "facet", icon: "md:description" },
 
         { type: "divider" },
-        { title: 'Contributor', value: "contributors", type: "facet", icon: "" },
+        { title: 'Contributor', value: "contributors", type: "facet", icon: "md:person" },
     ],
     facetDistribution: undefined
 })