Revert Bestellnummer/Datum centering — back to left-aligned columns 1-2

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

app/konto/bestellungen/page.tsx

@@ -57,24 +57,18 @@ export default async function KontoBestellungenPage() {
                       positioned is a real footgun: the auto-placement
                       cursor for the un-pinned items starts scanning from
                       column 1 again regardless of what's already
-                      explicitly placed elsewhere, so Datum (previously
-                      auto-placed, relying on Bestellnummer's explicit
-                      col-start-2 to "push" it to column 3) actually
-                      landed back in column 1 — same visual bug as before
-                      this whole pass (left-packed, empty space on the
-                      right), just for a different reason than the
-                      original flex-wrap issue. Pinning every cell's row
+                      explicitly placed elsewhere. Pinning every cell's row
                       AND column explicitly removes that ambiguity
-                      entirely. Row 1: Bestellnummer/Datum centered in
-                      columns 2-3 (columns 1 and 4 both empty, symmetric
-                      margins) — each cell's own content still
-                      left-aligned within itself. Row 2: Artikel/Status/
-                      Zahlungsstatus/Gesamtbetrag fill all 4 columns. */}
-                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-2">
+                      entirely. Row 1: Bestellnummer/Datum in columns 1-2,
+                      left-aligned (centering them in columns 2-3 was
+                      tried and reverted — not wanted). Row 2: Artikel/
+                      Status/Zahlungsstatus/Gesamtbetrag fill all 4
+                      columns. */}
+                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-1">
                     <p className="text-label text-text-muted">Bestellnummer</p>
                     <p className="font-bold text-body-sm text-text-primary">{order.orderNumber}</p>
                   </div>
-                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-3">
+                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-2">
                     <p className="text-label text-text-muted">Datum</p>
                     <p className="text-body-sm text-text-primary">{formatDate(order.createdAt)}</p>
                   </div>