feat: add font size to bottom nav (#558)

components/nav/NavBottomMoreMenu.vue

@@ -95,6 +95,20 @@ onBeforeUnmount(() => {
                 {{ $t('nav_footer.select_language') }}
               </button>
             </NavSelectLanguage>
+            <!-- Switch font size -->
+            <NavSelectFontSize>
+              <button
+                flex flex-row items-center
+                block px-5 py-2 focus-blue w-full
+                text-sm text-base capitalize text-left whitespace-nowrap
+                transition-colors duration-200 transform
+                hover="bg-gray-100 dark:(bg-gray-700 text-white)"
+                @click.stop
+              >
+                <span class="i-ri:font-size flex-shrink-0 text-xl mr-4 !align-middle" />
+                {{ $t('nav_footer.select_font_size') }}
+              </button>
+            </NavSelectFontSize>
             <!-- Toggle Feature Flags -->
             <NavSelectFeatureFlags v-if="isMastoInitialised && currentUser">
               <button