web: i18n system & navbar translations

dynamic page language and language dropdown!! finally!!

web/src/routes/settings/general/appearance/+page.svelte

@@ -5,6 +5,7 @@
     import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
 
     import { themeOptions } from "$lib/types/settings";
+    import LanguageDropdown from "$components/settings/LanguageDropdown.svelte";
 </script>
 
 <SettingsCategory title="theme">
@@ -31,3 +32,13 @@
         description="replaces rapid animations with smooth transitions."
     />
 </SettingsCategory>
+
+<SettingsCategory title="language">
+    <LanguageDropdown />
+    <SettingsToggle
+        settingContext="appearance"
+        settingId="autoLanguage"
+        title="use default browser language"
+        description="automatically picks the best language for you. if preferred browser language isn't available, english is used instead."
+    />
+</SettingsCategory>