feat: move nav footer items to settings

components/settings/SettingsFontSize.vue

@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import type { FontSize } from '~/composables/fontSize'
+
+const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as FontSize[]
+const fontSize = getFontSize()
+</script>
+
+<template>
+  <select v-model="fontSize">
+    <option v-for="size in sizes" :key="size" :value="size">
+      {{ size }}
+    </option>
+  </select>
+</template>