added settings page, cleanup

src/components/ui/dropdown/theme.vue

@@ -0,0 +1,26 @@
+<template>
+  <UiDropdown
+    :items="availableThemes"
+    @select="(theme) => $emit('select', theme)"
+    activator-class="btn btn-primary"
+  >
+    <template #label>
+      <Icon :name="currentTheme.icon" />
+    </template>
+
+    <template #item="{ item }">
+      <div class="flex gap-2 justify-center">
+        <Icon :name="item.icon" class="my-auto" />
+        <p>
+          {{ item.name }}
+        </p>
+      </div>
+    </template>
+  </UiDropdown>
+</template>
+
+<script setup lang="ts">
+const { availableThemes, currentTheme } = storeToRefs(useUiStore())
+
+defineEmits<{ select: [ITheme] }>()
+</script>