More settings + language component spacing

app/(auth)/(tabs)/(favorites)/_layout.tsx

@@ -1,10 +1,9 @@
 import { nestedTabPageScreenOptions } from "@/components/stacks/NestedTabPageStack";
 import { Stack } from "expo-router";
 import { Platform } from "react-native";
-import { useTranslation } from "react-i18next";
+import { t } from "i18next";
 
 export default function SearchLayout() {
-  const { t } = useTranslation();
   return (
     <Stack>
       <Stack.Screen

app/(auth)/(tabs)/(home)/intro/page.tsx

@@ -94,11 +94,9 @@ export default function page() {
             <Feather name="settings" size={28} color={"white"} />
           </View>
           <View className="shrink ml-2">
-            <Text className="font-bold mb-1">Centralised Settings Plugin</Text>
+            <Text className="font-bold mb-1">{t("home.intro.centralised_settings_plugin_title")}</Text>
             <Text className="shrink text-xs">
-              Configure settings from a centralised location on your Jellyfin
-              server. All client settings for all users will be synced
-              automatically.{" "}
+              {t("home.intro.centralised_settings_plugin_description")}{" "}
               <Text
                 className="text-purple-600"
                 onPress={() => {
@@ -107,7 +105,7 @@ export default function page() {
                   );
                 }}
               >
-                Read more
+                {t("home.intro.read_more")}
               </Text>
             </Text>
           </View>

app/(auth)/(tabs)/(home)/settings.tsx

@@ -66,24 +66,25 @@ export default function settings() {
         </MediaProvider>
 
         <OtherSettings />
-        <AppLanguageSelector/>
         <DownloadSettings />
 
         <PluginSettings />
 
+        <AppLanguageSelector/>
+
         <ListGroup title={"Intro"}>
           <ListItem
             onPress={() => {
               router.push("/intro/page");
             }}
-            title={"Show intro"}
+            title={t("home.settings.intro.show_intro")}
           />
           <ListItem
             textColor="red"
             onPress={() => {
               storage.set("hasShownIntro", false);
             }}
-            title={"Reset intro"}
+            title={t("home.settings.intro.reset_intro")}
           />
         </ListGroup>
 

app/(auth)/(tabs)/(home)/settings/hide-libraries/page.tsx

@@ -8,6 +8,7 @@ import { getUserViewsApi } from "@jellyfin/sdk/lib/utils/api";
 import { useQuery } from "@tanstack/react-query";
 import { useAtomValue } from "jotai";
 import { Switch, View } from "react-native";
+import { useTranslation } from "react-i18next"; 
 import DisabledSetting from "@/components/settings/DisabledSetting";
 
 export default function page() {
@@ -15,6 +16,8 @@ export default function page() {
   const user = useAtomValue(userAtom);
   const api = useAtomValue(apiAtom);
 
+  const { t } = useTranslation();
+
   const { data, isLoading: isLoading } = useQuery({
     queryKey: ["user-views", user?.Id],
     queryFn: async () => {
@@ -57,8 +60,7 @@ export default function page() {
         ))}
       </ListGroup>
       <Text className="px-4 text-xs text-neutral-500 mt-1">
-        Select the libraries you want to hide from the Library tab and home page
-        sections.
+      {t("home.settings.other.select_liraries_you_want_to_hide")}
       </Text>
     </DisabledSetting>
   );