Datumsformat konfigurierbar (Einstellungen -> Darstellung)

MHD wurde in den Ansichten noch roh als YYYY-MM-DD ausgegeben. Jetzt:
- Neue Einstellung date_format (23.12.2026 | 23.12.26 | 23. Dezember 2026 |
  2026-12-23 | 12/23/2026) mit Live-Beispiel auf der Einstellungsseite.
- SettingsProvider stellt Format und formatDate() app-weit bereit und laedt die
  Einstellungen nach dem Login.
- Verwendet in Uebersicht (bald ablaufend), Produktdetail (Chargen) und
  Auslagern (Chargenauswahl). Datumsfelder zur Eingabe bleiben ISO, wie es das
  HTML-Datumsfeld verlangt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/pages/CheckOut.jsx

@@ -1,9 +1,11 @@
 import { useEffect, useState } from "react";
 import { api } from "../api";
 import Icon from "../components/Icon";
+import { useSettings } from "../settings";
 import { buildUnitOptions, fmt, isExpired, unitShort } from "../units";
 
 export default function CheckOut() {
+  const { formatDate } = useSettings();
   const [barcode, setBarcode] = useState("");
   const [search, setSearch] = useState("");
   const [results, setResults] = useState([]);
@@ -159,7 +161,7 @@ export default function CheckOut() {
               <option value="">Automatisch – zuerst ablaufende zuerst (FEFO)</option>
               {lots.map((l) => (
                 <option key={l.id} value={l.id}>
-                  {l.best_before ? `MHD ${l.best_before}` : "ohne MHD"} · {lotAmount(l.quantity)}
+                  {l.best_before ? `MHD ${formatDate(l.best_before)}` : "ohne MHD"} · {lotAmount(l.quantity)}
                   {isExpired(l.best_before) ? " · abgelaufen" : ""}
                 </option>
               ))}
@@ -170,7 +172,7 @@ export default function CheckOut() {
             <div className={`alert ${isExpired(selectedLot.best_before) ? "error" : "info"}`}>
               <Icon name="alert" size={16} />
               Gewählte Charge: {lotAmount(selectedLot.quantity)}
-              {selectedLot.best_before ? ` · MHD ${selectedLot.best_before}` : " · ohne MHD"}
+              {selectedLot.best_before ? ` · MHD ${formatDate(selectedLot.best_before)}` : " · ohne MHD"}
               {isExpired(selectedLot.best_before) ? " (abgelaufen)" : ""}
             </div>
           )}