i10n: localize font sizes in settings (#775)

components/settings/SettingsFontSize.vue

@@ -9,7 +9,7 @@ const fontSize = useFontSizeRef()
 <template>
   <select v-model="fontSize">
     <option v-for="size in sizes" :key="size" :value="size" :selected="fontSize === size">
-      {{ `${size}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
+      {{ `${$t(`settings.interface.size_label.${size}`)}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
     </option>
   </select>
 </template>

locales/en-US.json

@@ -248,7 +248,14 @@
       "default": " (default)",
       "font_size": "Font Size",
       "label": "Interface",
-      "light_mode": "Light Mode"
+      "light_mode": "Light Mode",
+      "size_label": {
+        "lg": "Large",
+        "md": "Medium",
+        "sm": "Small",
+        "xl": "Extra large",
+        "xs": "Extra small"
+      }
     },
     "language": {
       "display_language": "Display Language",