remove text based componets, add blog, minor theming changes

app/components/DesktopIcon.vue

@@ -5,16 +5,22 @@
     @click="$emit('click')"
     @dblclick="$emit('dblclick')"
   >
-    <div class="icon-image w-12 h-12 mb-1 flex items-center justify-center text-4xl">
-      {{ icon }}
+    <div class="icon-image w-12 h-12 mb-1 flex items-center justify-center">
+      <component
+        :is="icon"
+        :size="48"
+        color="white"
+      />
     </div>
     <span class="text-white text-xs text-center drop-shadow-lg">{{ label }}</span>
   </div>
 </template>
 
 <script setup lang="ts">
+import type { Component } from 'vue'
+
 defineProps<{
-  icon: string
+  icon: Component
   label: string
   isSelected?: boolean
 }>()