cập nhật thông tin cảng trong modal add/edit trip, tối ưu lại UI modal add/edit trip

app/trip-detail.tsx

@@ -157,7 +157,7 @@ export default function TripDetailPage() {
         >
           {tripCosts.length > 0 ? (
             <View style={styles.sectionInnerContent}>
-              <MaterialCostList items={tripCosts} onChange={() => {}} disabled />
+              <MaterialCostList items={tripCosts} onChange={() => {}} disabled hideTitle />
             </View>
           ) : (
             <EmptySection icon="receipt-outline" message={t("diary.tripDetail.noCosts")} />
@@ -174,7 +174,7 @@ export default function TripDetailPage() {
         >
           {fishingGears.length > 0 ? (
             <View style={styles.sectionInnerContent}>
-              <FishingGearList items={fishingGears} onChange={() => {}} disabled />
+              <FishingGearList items={fishingGears} onChange={() => {}} disabled hideTitle />
             </View>
           ) : (
             <EmptySection icon="build-outline" message={t("diary.tripDetail.noGears")} />
@@ -297,7 +297,7 @@ const styles = StyleSheet.create({
     fontFamily: Platform.select({ ios: "System", android: "Roboto", default: "System" }),
   },
   sectionInnerContent: {
-    marginTop: -8,
+    marginTop: 5,
   },
   emptySection: {
     alignItems: "center",