work on navigation component workflow.

app/i18n/api.ts

@@ -83,6 +83,12 @@ export class Translator {
         console.log(data)
         return data.translatedText
     }
+
+    static async getDefault(defaultTarget: string | undefined = undefined) {
+        const settings = await Settings.getDefault();
+        const source = await settings.getHostLanguage();
+        return new Translator(source, defaultTarget, await LanguageServer.getDefault())
+    }
 }
 
 export class CachedTranslator extends Translator {

app/index.tsx

@@ -4,6 +4,7 @@ import { Image, Text, View, StyleSheet, Button, Pressable } from "react-native";
 import { LanguageServer, Translator, language_matrix_entry } from "./i18n/api";
 import { Conversation } from "./lib/conversation";
 import { LanguageSelection } from "@/components/LanguageSelection";
+import { Link } from 'expo-router';
 
 function LogoTitle() {
   return (