Re-worked icons

src/components/NavigationBar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import { config } from "../config";
-import type { Component } from "vue";
+import Icon from "./Icon.vue";
 
 const props = defineProps<{
     currentPath: string;
@@ -109,10 +109,9 @@ onUnmounted(() => {
                         :data-tip="item.tooltip"
                         data-astro-prefetch="hover"
                     >
-                        <component
-                            :is="item.icon as Component"
-                            :size="18"
-                            class="sm:w-5 sm:h-5"
+                        <Icon
+                            :name="item.icon"
+                            class="w-[18px] h-[18px] sm:w-5 sm:h-5"
                         />
                         <span class="sr-only">{{ item.name }}</span>
                     </a>