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

components/diary/TripFormModal/MaterialCostList.tsx

@@ -26,6 +26,7 @@ interface MaterialCostListProps {
   items: TripCost[];
   onChange: (items: TripCost[]) => void;
   disabled?: boolean;
+  hideTitle?: boolean;
 }
 
 // Predefined cost types
@@ -41,6 +42,7 @@ export default function MaterialCostList({
   items,
   onChange,
   disabled = false,
+  hideTitle = false,
 }: MaterialCostListProps) {
   const { t } = useI18n();
   const { colors } = useThemeContext();
@@ -133,9 +135,11 @@ export default function MaterialCostList({
 
   return (
     <View style={styles.container}>
-      <Text style={[styles.sectionTitle, themedStyles.sectionTitle]}>
-        {t("trip.costTable.title")}
-      </Text>
+      {!hideTitle && (
+        <Text style={[styles.sectionTitle, themedStyles.sectionTitle]}>
+          {t("trip.costTable.title")}
+        </Text>
+      )}
 
       {/* Cost Items List */}
       {items.map((cost) => (