update note display

src/components/SideBar/SideBarMenuItem.vue

@@ -6,10 +6,9 @@ const props = defineProps<{
 </script>
 <template>
   <a
-    class="mt-1 block w-full cursor-pointer rounded hover:bg-gray-200"
+    class="mt-1 block w-full cursor-pointer rounded hover:bg-gray-200 active:bg-primary active:text-primary-content"
     :class="props.active ? 'font-bold text-primary' : 'text-secondary'"
   >
-    <i :class="`bi bi-${props.icon}`" class="mr-2" v-if="props.icon"></i
-    ><slot></slot>
+    <i :class="props.icon" class="mr-2" v-if="props.icon"></i><slot></slot>
   </a>
 </template>