EAN-Codes einer Kategorie nachvollziehbar gemacht

Eine Kategorie mit Artikeln zeigte "0 EANs", und der Versuch, den Code eines
eigenen Artikels einzutragen, scheiterte mit "Dieser Code ist bereits vergeben".
Beides war fachlich richtig, aber nirgends erklaert.

Hintergrund: Die Code-Liste einer Kategorie ist eine Vorratsliste fuer Artikel,
die es noch nicht gibt. Sie greift nur, wenn beim Einlagern ein unbekannter Code
gescannt wird - dann landet der neu angelegte Artikel in dieser Kategorie
(routers/products.lookup). Haengt ein Code bereits an einem Artikel, findet die
Suche immer zuerst den Artikel; ein gleichlautender Kategorie-Eintrag koennte
nie wirken. Die Spalte zaehlte bisher ausschliesslich diese Vorratscodes, nie
die Codes der enthaltenen Artikel - daher die irritierende 0.

Die Kategorie liefert jetzt zusaetzlich die Codes ihrer Artikel mit
(product_barcodes, rein informativ). Beide Herkuenfte stehen in einer Liste:
Artikel-Codes sind als solche gekennzeichnet, nennen den Artikel und lassen
sich hier nicht loeschen, weil sie am Artikel haengen. Bewusst ohne Dublette in
der Datenbank - ein zweiter Datensatz koennte nie greifen und beim Loeschen des
Artikels verwaisen. Die Spalte zaehlt beide Herkuenfte.

Die Fehlermeldung sagt jetzt, wem ein Code gehoert: beim Artikel mit Namen und
dem Hinweis, dass Artikel-Codes hier nicht eingetragen werden muessen; bei einer
anderen Kategorie mit deren Namen.

Signal beim Einlagern: Wird ein Code erkannt, der einer Kategorie zugeordnet
ist, steht jetzt deutlich sichtbar "Wird automatisch der Kategorie X zugeordnet"
samt Begruendung - sowohl im Web als auch in der App, und in beiden Faellen
(Open-Food-Facts-Treffer und voellig unbekannter Code). Nach dem Anlegen meldet
die Web-Oberflaeche zurueck, welche Kategorie es geworden ist. Vorher stand die
Zuordnung nur als Nebensatz in grauer Kleinschrift.

Getestet: Gegen die laufende API geprueft, dass eine Kategorie die Codes ihrer
Artikel meldet (Haupt-Barcode und zusaetzliche Alias-Codes), dass das Eintragen
eines Artikel-Codes und eines fremden Kategorie-Codes mit der jeweils richtigen
Begruendung abgewiesen wird und dass ein echter Vorratscode weiterhin angelegt
werden kann. iOS-Geraetebuild und Web-Build fehlerfrei, 40 pytest-Tests gruen.

Dabei zwei Uebersetzungsfehler durch deutsche Anfuehrungszeichen gefunden: Das
schliessende Zeichen war ein gerades ", das den String vorzeitig beendete.
Korrigiert und die uebrigen Vorkommen im Projekt gleich mit vereinheitlicht.

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

web/src/components/BarcodeList.jsx

@@ -2,10 +2,18 @@ import { useState } from "react";
 import Icon from "./Icon";
 
 /**
- * Liste zusätzlicher EAN-Codes mit Notiz ("Mehl bei Aldi").
+ * Liste der EAN-Codes.
+ *
+ * Zwei Herkünfte in einer Liste: Codes, die über einen Artikel dazugehören
+ * (nur Anzeige – sie stehen am Artikel, nicht hier), und selbst hinterlegte
+ * Codes, die noch keinem Artikel gehören. Vorher waren nur letztere sichtbar,
+ * weshalb eine Kategorie mit Artikeln „0 EANs“ anzeigte.
+ *
  * onAdd({ code, note }) und onDelete(code) werden vom Aufrufer bereitgestellt.
  */
-export default function BarcodeList({ barcodes = [], onAdd, onDelete, disabled = false, hint }) {
+export default function BarcodeList({
+  barcodes = [], productBarcodes = [], onAdd, onDelete, disabled = false, hint,
+}) {
   const [code, setCode] = useState("");
   const [note, setNote] = useState("");
   const [busy, setBusy] = useState(false);
@@ -26,6 +34,15 @@ export default function BarcodeList({ barcodes = [], onAdd, onDelete, disabled =
   return (
     <div>
       <ul className="simple-list">
+        {productBarcodes.map((b) => (
+          <li key={`p-${b.code}`}>
+            <span style={{ display: "flex", alignItems: "center", gap: 8, minWidth: 0 }}>
+              <code className="strong">{b.code}</code>
+              <span className="badge">Artikel</span>
+              <span className="muted small">{b.product_name}</span>
+            </span>
+          </li>
+        ))}
         {barcodes.map((b) => (
           <li key={b.id ?? b.code}>
             <span style={{ display: "flex", alignItems: "center", gap: 8, minWidth: 0 }}>
@@ -40,7 +57,9 @@ export default function BarcodeList({ barcodes = [], onAdd, onDelete, disabled =
             )}
           </li>
         ))}
-        {barcodes.length === 0 && <li className="muted small">Noch keine zusätzlichen Codes.</li>}
+        {barcodes.length === 0 && productBarcodes.length === 0 && (
+          <li className="muted small">Noch keine Codes.</li>
+        )}
       </ul>
 
       {!disabled && (