"Ältere Bestellungen"-Knopf steht jetzt ganz oben, vor allen Bestellungen

Auf ausdrücklichen Wunsch: der Knopf war bisher unter allen aktuellen Bestellungen platziert.
Jetzt steht er direkt unter der Überschrift "Meine Bestellungen", noch vor der neuesten
Bestellung — beim Aufklappen erscheinen Suchfeld und ältere Bestellungen also ganz oben,
noch vor der aktuellen Liste. Alle 4 Sprachen.

Rein eine Markup-Verschiebung (das <div class="order-archive"> wandert vor <div id="order-list">
im DOM) — die JavaScript-Logik, die ältere Karten per appendChild() in den Aufklappbereich
verschiebt, funktioniert unabhängig von der Position weiter, da sie über getElementById auf
beide Container zugreift. CSS entsprechend angepasst: margin-top wurde zu margin-bottom, weil
der Abstand jetzt VOR der ersten Bestellkarte gebraucht wird statt danach.

Getestet (Browser): DOM-Reihenfolge in allen 4 Sprachen bestätigt (order-archive vor
order-list), Auf-/Zuklappen weiterhin funktionsfähig, Karten wandern korrekt in den
Archiv-Bereich und wieder zurück, Sichtprüfung per Screenshot.

Co-Authored-By: Claude Sonnet 5 <[email protected]>

src/styles/global.css

@@ -1687,7 +1687,10 @@ a:focus-visible, button:focus-visible {
 /* Aufklappbereich für Bestellungen, die älter als ein Monat sind (siehe konto/angemeldet.astro).
    Bewusst zurückhaltend gestaltet: Es ist ein Archiv-Zugang, kein Hauptinhalt — soll die
    aktuellen Bestellungen darüber nicht optisch überstrahlen. */
-.order-archive { margin-top: 1.2rem; display: flex; flex-direction: column; gap: 0.9rem; }
+/* Steht bewusst GANZ OBEN im Bestellungen-Bereich, noch vor der neuesten Bestellung (siehe
+   konto/angemeldet.astro) — deshalb margin-bottom statt margin-top: der Abstand wird jetzt
+   VOR der ersten Bestellkarte gebraucht, nicht mehr danach. */
+.order-archive { margin: 0.3rem 0 1.2rem; display: flex; flex-direction: column; gap: 0.9rem; }
 .order-archive[hidden] { display: none; }
 .order-archive-toggle {
   align-self: flex-start;