main-menu: Use regular icons instead of Iconify

src/components/GlassButton.vue

@@ -22,15 +22,16 @@
           {{ tooltip }}
         </v-tooltip>
       </template>
-      <Icon
+      <v-icon
         v-if="isRound || isUncontained"
-        :icon="icon || ''"
-        :width="props.iconSize || calculatedIconSize"
+        :size="props.iconSize || calculatedIconSize"
         :class="iconClass"
         class="opacity-90"
-      />
+      >
+        {{ icon }}
+      </v-icon>
       <div v-else class="flex items-center align-center justify-center w-full h-full">
-        <Icon :icon="icon || ''" :width="props.iconSize || calculatedIconSize" :class="iconClass" />
+        <v-icon :size="props.iconSize || calculatedIconSize" :class="iconClass">{{ icon }}</v-icon>
         <div class="text-white select-none" :class="labelClass">
           {{ label }}
         </div>
@@ -46,7 +47,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Icon, IconifyIcon } from '@iconify/vue'
 import { computed } from 'vue'
 
 const props = defineProps<{
@@ -61,7 +61,7 @@ const props = defineProps<{
   /**
    * The icon to display in the button (prepend on rectangular, centered on round).
    */
-  icon?: string | IconifyIcon
+  icon?: string
   /**
    * Additional Tailwind classes for the icon.
    */