fix themes modal, Add English to the trip information tab

app/(tabs)/tripInfo.tsx

@@ -5,17 +5,19 @@ import CrewListTable from "@/components/tripInfo/CrewListTable";
 import FishingToolsTable from "@/components/tripInfo/FishingToolsList";
 import NetListTable from "@/components/tripInfo/NetListTable";
 import TripCostTable from "@/components/tripInfo/TripCostTable";
+import { useI18n } from "@/hooks/use-i18n";
 import { useThemeContext } from "@/hooks/use-theme-context";
 import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function TripInfoScreen() {
+  const { t } = useI18n();
   const { colors } = useThemeContext();
   return (
     <SafeAreaView style={styles.safeArea} edges={["top", "left", "right"]}>
       <View style={styles.header}>
         <Text style={[styles.titleText, { color: colors.text }]}>
-          Thông Tin Chuyến Đi
+          {t("trip.infoTrip")}
         </Text>
         <View style={styles.buttonWrapper}>
           <ButtonCreateNewHaulOrTrip />

app/auth/login.tsx

@@ -12,6 +12,7 @@ import { useI18n } from "@/hooks/use-i18n";
 import {
   ColorScheme as ThemeColorScheme,
   useTheme,
+  useThemeContext,
 } from "@/hooks/use-theme-context";
 import { showErrorToast, showWarningToast } from "@/services/toast_service";
 import {
@@ -44,6 +45,7 @@ export default function LoginScreen() {
   const [isShowingQRScanner, setIsShowingQRScanner] = useState(false);
   const { t, setLocale, locale } = useI18n();
   const { colors, colorScheme } = useTheme();
+  const { setThemeMode } = useThemeContext();
   const styles = useMemo(
     () => createStyles(colors, colorScheme),
     [colors, colorScheme]
@@ -312,6 +314,10 @@ export default function LoginScreen() {
                 inactiveBackgroundColor={colors.surface}
                 inactiveOverlayColor={colors.textSecondary}
                 activeOverlayColor={colors.background}
+                value={colorScheme === "light"}
+                onChange={(val) => {
+                  setThemeMode(val ? "light" : "dark");
+                }}
               />
             </View>