update tripCostTable, FishingToolsList, CrewListTable in tripInfo

app/(tabs)/tripInfo.tsx

@@ -1,22 +1,31 @@
 import { ThemedText } from "@/components/themed-text";
+import CrewListTable from "@/components/tripInfo/CrewListTable";
+import FishingToolsTable from "@/components/tripInfo/FishingToolsList";
 import TripCostTable from "@/components/tripInfo/TripCostTable";
-import { StyleSheet, View } from "react-native";
+import { ScrollView, StyleSheet, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function TripInfoScreen() {
   return (
-    <SafeAreaView>
-      <View style={styles.container}>
-        <ThemedText type="title">Thông Tin Chuyến Đi</ThemedText>
-        <TripCostTable />
-      </View>
+    <SafeAreaView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={styles.scrollContent}>
+        <View style={styles.container}>
+          <ThemedText type="title">Thông Tin Chuyến Đi</ThemedText>
+          <TripCostTable />
+          <FishingToolsTable />
+          <CrewListTable />
+        </View>
+      </ScrollView>
     </SafeAreaView>
   );
 }
 
 const styles = StyleSheet.create({
+  scrollContent: {
+    flexGrow: 1,
+  },
   container: {
     alignItems: "center",
-    padding: 20,
+    padding: 15,
   },
 });