updates

src/components/SideBar/SideBarMenuItem.vue

@@ -1,10 +1,14 @@
 <script setup lang="ts">
 const props = defineProps<{
   icon?: string
+  active?: boolean
 }>()
 </script>
 <template>
-  <a class="text-opacity-50 text-decoration-none w-100 d-block link-secondary">
+  <a
+    class="text-opacity-50 text-decoration-none w-100 d-block"
+    :class="props.active ? 'link-primary fw-bolder' : 'link-secondary'"
+  >
     <i :class="`bi bi-${props.icon}`" class="me-2" v-if="props.icon"></i
     ><slot></slot>
   </a>