feat: font size picker

layouts/default.vue

@@ -77,6 +77,10 @@ export default defineComponent({
     this.$subscribeTo(getSettingSubject("BG_COLOR"), (color) => {
       ;(this as any).$colorMode.preference = color
     })
+
+    this.$subscribeTo(getSettingSubject("FONT_SIZE"), (size) => {
+      document.documentElement.setAttribute("data-font-size", size.code)
+    })
   },
   async mounted() {
     performMigrations()

layouts/error.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="page page-error">
     <h1 class="font-mono mb-4 text-4xl heading">{{ statusCode }}</h1>
-    <h3 class="font-mono font-semibold text-xs select-text">{{ message }}</h3>
+    <h3 class="font-mono font-semibold select-text">{{ message }}</h3>
     <p class="mt-4">
       <ButtonSecondary to="/" icon="home" outline :label="$t('home')" />
       <ButtonSecondary