update tab warning, update CrewListTable, NetListTable

app/(tabs)/_layout.tsx

@@ -29,12 +29,25 @@ export default function TabLayout() {
       <Tabs.Screen
         name="tripInfo"
         options={{
-          title: "Thông Tin Chuyến Đi",
+          title: "Chuyến Đi",
           tabBarIcon: ({ color }) => (
             <IconSymbol size={28} name="ferry.fill" color={color} />
           ),
         }}
       />
+      <Tabs.Screen
+        name="warning"
+        options={{
+          title: "Cảnh báo",
+          tabBarIcon: ({ color }) => (
+            <IconSymbol
+              size={28}
+              name="exclamationmark.triangle.fill"
+              color={color}
+            />
+          ),
+        }}
+      />
       <Tabs.Screen
         name="setting"
         options={{

app/(tabs)/tripInfo.tsx

@@ -1,5 +1,6 @@
 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 { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -13,6 +14,7 @@ export default function TripInfoScreen() {
           <TripCostTable />
           <FishingToolsTable />
           <CrewListTable />
+          <NetListTable />
         </View>
       </ScrollView>
     </SafeAreaView>

app/(tabs)/warning.tsx

@@ -0,0 +1,35 @@
+import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function Warning() {
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={styles.scrollContent}>
+        <View style={styles.container}>
+          <Text style={styles.titleText}>Danh sách cảnh báo</Text>
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  scrollContent: {
+    flexGrow: 1,
+  },
+  container: {
+    alignItems: "center",
+    padding: 15,
+  },
+  titleText: {
+    fontSize: 32,
+    fontWeight: "700",
+    lineHeight: 40,
+    marginBottom: 10,
+    fontFamily: Platform.select({
+      ios: "System",
+      android: "Roboto",
+      default: "System",
+    }),
+  },
+});