Icon refactor

src/components/ThemeToggle.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
-import { Icon } from '@iconify/vue';
+import Icon from './Icon.vue';
 
 const theme = ref('macchiato');
 
@@ -27,7 +27,7 @@ function toggleTheme() {
     aria-label="Toggle Theme"
   >
     <Icon 
-      :icon="theme === 'macchiato' ? 'heroicons:moon' : 'heroicons:sun'" 
+      :name="theme === 'macchiato' ? 'moon' : 'sun'" 
       class="w-5 h-5" 
     />
   </button>