feat: group freshwater, fuel, and greywater cards in collapsible Tanks section

client/src/components/LogEntryEditor.tsx

@@ -298,6 +298,7 @@ export default function LogEntryEditor({
 
   const [eventsCollapsed, setEventsCollapsed] = useState(true)
   const [addEventFormCollapsed, setAddEventFormCollapsed] = useState(false)
+  const [tanksCollapsed, setTanksCollapsed] = useState(true)
 
   const [loading, setLoading] = useState(false)
   const [saving, setSaving] = useState(false)
@@ -1718,8 +1719,34 @@ export default function LogEntryEditor({
           </div>
         )}
 
-        {/* Section 2: Freshwater and Fuel Consumption */}
+        {/* Section 2: Tanks (Freshwater, Fuel, and Greywater) */}
-        <div className="form-grid">
+        <div className="form-card">
+          <div
+            className="form-header mb-4 accordion-header"
+            onClick={() => setTanksCollapsed(!tanksCollapsed)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault()
+                setTanksCollapsed(!tanksCollapsed)
+              }
+            }}
+            role="button"
+            aria-expanded={!tanksCollapsed}
+            tabIndex={0}
+          >
+            <div className="accordion-header-title">
+              <Compass size={20} className="form-icon" />
+              <h3>{t('logs.tanks')}</h3>
+            </div>
+            {tanksCollapsed ? (
+              <ChevronDown size={20} className="accordion-chevron" />
+            ) : (
+              <ChevronUp size={20} className="accordion-chevron" />
+            )}
+          </div>
+
+          {!tanksCollapsed && (
+            <div className="form-grid" style={{ marginTop: '16px' }}>
               {/* Freshwater card */}
               <div className="form-card">
                 <div className="form-header">
@@ -1854,6 +1881,8 @@ export default function LogEntryEditor({
                 </div>
               </div>
             </div>
+          )}
+        </div>
 
         {/* Section 3: Event Journal Entries */}
         <div className="form-card">

client/src/i18n/locales/da.json

@@ -186,6 +186,7 @@
       "departure": "Starthavn (rejse fra)",
       "destination": "Destinationsport (til)",
       "route": "Rejse fra/til",
+      "tanks": "Tanke",
       "freshwater": "Ferskvand (liter)",
       "fuel": "Treibstoff / Brændstof (liter)",
       "greywater": "Gråt vand (liter)",

client/src/i18n/locales/de.json

@@ -186,6 +186,7 @@
       "departure": "Start-Hafen (Reise von)",
       "destination": "Ziel-Hafen (nach)",
       "route": "Reise von/nach",
+      "tanks": "Tanks",
       "freshwater": "Frischwasser (Liter)",
       "fuel": "Treibstoff / Fuel (Liter)",
       "greywater": "Grauwasser (Liter)",

client/src/i18n/locales/en.json

@@ -186,6 +186,7 @@
       "departure": "Departure Port (von)",
       "destination": "Destination Port (nach)",
       "route": "Route / Journey",
+      "tanks": "Tanks",
       "freshwater": "Freshwater (Liters)",
       "fuel": "Fuel (Liters)",
       "greywater": "Greywater (Liters)",

client/src/i18n/locales/nb.json

@@ -186,6 +186,7 @@
       "departure": "Starthavn (reise fra)",
       "destination": "Destinasjonsport (til)",
       "route": "Reise fra/til",
+      "tanks": "Tanker",
       "freshwater": "Ferskvann (liter)",
       "fuel": "Drivstoff / Drivstoff (liter)",
       "greywater": "Gråvann (liter)",

client/src/i18n/locales/sv.json

@@ -186,6 +186,7 @@
       "departure": "Starthamn (resa från)",
       "destination": "Destinationsport (till)",
       "route": "Resa från/till",
+      "tanks": "Tankar",
       "freshwater": "Färskvatten (liter)",
       "fuel": "Treibstoff / Bränsle (liter)",
       "greywater": "Gråvatten (liter)",