Use on-device translation on mobile when available (#9930)

Co-authored-by: Samuel Newman <mozzius@protonmail.com>

src/components/dialogs/LanguageSelectDialog.tsx

@@ -5,7 +5,6 @@ import {msg} from '@lingui/core/macro'
 import {useLingui} from '@lingui/react'
 import {Trans} from '@lingui/react/macro'
 
-import {languageName} from '#/locale/helpers'
 import {type Language, LANGUAGES, LANGUAGES_MAP_CODE2} from '#/locale/languages'
 import {useLanguagePrefs} from '#/state/preferences/languages'
 import {ErrorScreen} from '#/view/com/util/error/ErrorScreen'
@@ -19,6 +18,16 @@ import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Ti
 import {Text} from '#/components/Typography'
 import {IS_LIQUID_GLASS, IS_NATIVE, IS_WEB} from '#/env'
 
+type FlatListItem =
+  | {
+      type: 'header'
+      label: string
+    }
+  | {
+      type: 'item'
+      lang: Language
+    }
+
 export function LanguageSelectDialog({
   titleText,
   subtitleText,
@@ -270,7 +279,7 @@ export function DialogInner({
         ]}
         style={[IS_NATIVE && a.px_lg, IS_WEB && {paddingBottom: 120}]}
         scrollIndicatorInsets={{top: headerHeight, bottom: footerHeight}}
-        renderItem={({item, index}) => {
+        renderItem={({item, index}: {item: FlatListItem; index: number}) => {
           if (item.type === 'header') {
             return (
               <Text
@@ -295,7 +304,7 @@ export function DialogInner({
             <Toggle.Item
               key={lang.code2}
               name={lang.code2}
-              label={languageName(lang, langPrefs.appLanguage)}
+              label={lang.name}
               style={[
                 t.atoms.border_contrast_low,
                 !isLastItem && a.border_b,
@@ -304,7 +313,7 @@ export function DialogInner({
                 a.py_md,
               ]}>
               <Toggle.LabelText style={[a.flex_1]}>
-                {languageName(lang, langPrefs.appLanguage)}
+                {lang.name}
               </Toggle.LabelText>
               <Toggle.Checkbox />
             </Toggle.Item>