Ablauf-Warnungen + Packungen-Spalte + Farbcodierung

- Backend: ProductOut.expired_count (Anzahl abgelaufener Chargen je Produkt).
- Einlagern: Inline-Warnung pro Charge, wenn MHD in der Vergangenheit liegt.
- Produkte-Liste: Badge "N abgelaufen"; neue Spalte "Packungen" (Bestand/Packungsgroesse,
  bei Stueck-Produkten = Bestand).
- Produktdetail: abgelaufene Chargen rot, Warnfrist gelb (Warnfrist aus Settings),
  Warnbanner bei abgelaufenem Bestand.
- Uebersicht: alle Ablaufzeilen gelb, abgelaufene rot; deutlicher Warnbanner.
- units.js: daysUntil/isExpired/expiryRowClass/amountText.

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

web/src/pages/Dashboard.jsx

@@ -45,6 +45,12 @@ export default function Dashboard() {
 
       {error && <div className="alert error"><Icon name="alert" size={16} />{error}</div>}
 
+      {overdue > 0 && (
+        <div className="alert error"><Icon name="alert" size={16} />
+          {overdue} Charge(n) im Lager sind bereits abgelaufen – bitte aussortieren.
+        </div>
+      )}
+
       <div className="stat-row">
         <div className="stat">
           <div className="stat-label"><Icon name="clock" size={14} />Bald ablaufend</div>
@@ -75,7 +81,7 @@ export default function Dashboard() {
                 </thead>
                 <tbody>
                   {expiring.map((it) => (
-                    <tr key={it.lot_id} className={it.days_left < 0 ? "row-danger" : it.days_left <= 2 ? "row-warn" : ""}>
+                    <tr key={it.lot_id} className={it.days_left < 0 ? "row-danger" : "row-warn"}>
                       <td>{it.product_name}</td>
                       <td className="num">{fmt(it.quantity)} {unitShort(it.base_unit)}</td>
                       <td>{it.best_before}</td>