Verlauf: klarere Bewegungs-Icons, Spalte nach vorn

Die beiden Kisten unterschieden sich nur in einem kleinen Pfeil. Bei 18 px war
das nicht zu trennen - erkannt hat man sie allein an der Farbe, und die war
gerade wegen der Wertung (gruen rein, orange raus) rausgeflogen. Ohne Farbe
blieb nichts uebrig, woran man sie auseinanderhaelt.

Jetzt die Strich-Icons checkin/checkout/edit: grosser Pfeil auf eine Linie zu
bzw. von ihr weg, Stift fuer die Korrektur. Dieselben Zeichen wie auf den
Ein-/Auslagern-Knoepfen, also schon vertraut, und auch klein eindeutig - die
Richtung liegt im Zeichen statt in der Farbe.

Auf der Verlaufsseite steht die Spalte jetzt an erster Stelle; sie sagt in
einem Blick worum es geht und braucht als Zeichen kaum Breite.

Der gefuellte Icon-Zweig in Icon.jsx wird damit nicht mehr gebraucht und ist
raus. Die SVG-Quellen bleiben unter brand/icons/ liegen - das README sagt jetzt
ausdruecklich, dass sie ungenutzt sind, warum, und wie man sie zurueckholt.

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

web/src/pages/History.jsx

@@ -27,8 +27,10 @@ export default function History() {
           <table className="table">
             <thead>
               <tr>
+                {/* Die Bewegungsart zuerst: sie sagt in einem Blick, worum
+                    es geht, und braucht als Zeichen kaum Breite. */}
+                <th style={{ width: 64 }}>Aktion</th>
                 <th>Zeitpunkt</th>
-                <th>Aktion</th>
                 <th>Produkt</th>
                 <th className="num">Menge</th>
                 <th>Benutzer</th>
@@ -37,11 +39,11 @@ export default function History() {
             <tbody>
               {movements.map((m) => (
                 <tr key={m.id}>
-                  <td data-label="Zeitpunkt" className="muted">{new Date(m.created_at).toLocaleString("de-DE")}</td>
                   {/* Nur das Sinnbild – die Tabelle hat noch Menge und
                       Benutzer zu zeigen, und das Wort stand ohnehin dreimal
                       untereinander. Titel und aria-label tragen es weiter. */}
                   <td data-label="Aktion"><BewegungIcon typ={m.type} /></td>
+                  <td data-label="Zeitpunkt" className="muted">{new Date(m.created_at).toLocaleString("de-DE")}</td>
                   <td data-label="Produkt">{m.product_name}</td>
                   <td data-label="Menge" className="num">
                     {articlePrimary(m)}