Konto: Benutzername (Spitzname) im Profil über dem echten Namen anzeigen

Reihenfolge im "Meine Daten"-Formular getauscht, wie gewünscht.

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

src/pages/ch/konto/angemeldet.astro

@@ -180,17 +180,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           </div>
         </div>
 
-        {/* Fester Pflicht-Name (z.B. für Bestellungen/Lieferadresse) — getrennt vom optionalen
+        {/* Optionaler Spitzname zuerst (Bonus, wird bevorzugt angezeigt), darunter der feste
-            Benutzernamen weiter unten, der nur ein Spitzname-Bonus ist. */}
+            Pflicht-Name (z.B. für Bestellungen/Lieferadresse). */}
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <div class="profile-field">
           <label for="profile-username">{t.accountDash.usernameLabel}</label>
           <div class="profile-field-row">
@@ -201,6 +192,15 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
+        <div class="profile-field">
+          <label for="profile-name">{t.accountDash.profileName}</label>
+          <div class="profile-field-row">
+            <input type="text" id="profile-name" maxlength="60" />
+            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
+          </div>
+          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
+        </div>
+
         <table class="specs">
           <tbody>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>

src/pages/en/konto/angemeldet.astro

@@ -180,17 +180,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           </div>
         </div>
 
-        {/* Fester Pflicht-Name (z.B. für Bestellungen/Lieferadresse) — getrennt vom optionalen
+        {/* Optionaler Spitzname zuerst (Bonus, wird bevorzugt angezeigt), darunter der feste
-            Benutzernamen weiter unten, der nur ein Spitzname-Bonus ist. */}
+            Pflicht-Name (z.B. für Bestellungen/Lieferadresse). */}
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <div class="profile-field">
           <label for="profile-username">{t.accountDash.usernameLabel}</label>
           <div class="profile-field-row">
@@ -201,6 +192,15 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
+        <div class="profile-field">
+          <label for="profile-name">{t.accountDash.profileName}</label>
+          <div class="profile-field-row">
+            <input type="text" id="profile-name" maxlength="60" />
+            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
+          </div>
+          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
+        </div>
+
         <table class="specs">
           <tbody>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>

src/pages/fr/konto/angemeldet.astro

@@ -180,17 +180,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           </div>
         </div>
 
-        {/* Fester Pflicht-Name (z.B. für Bestellungen/Lieferadresse) — getrennt vom optionalen
+        {/* Optionaler Spitzname zuerst (Bonus, wird bevorzugt angezeigt), darunter der feste
-            Benutzernamen weiter unten, der nur ein Spitzname-Bonus ist. */}
+            Pflicht-Name (z.B. für Bestellungen/Lieferadresse). */}
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <div class="profile-field">
           <label for="profile-username">{t.accountDash.usernameLabel}</label>
           <div class="profile-field-row">
@@ -201,6 +192,15 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
+        <div class="profile-field">
+          <label for="profile-name">{t.accountDash.profileName}</label>
+          <div class="profile-field-row">
+            <input type="text" id="profile-name" maxlength="60" />
+            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
+          </div>
+          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
+        </div>
+
         <table class="specs">
           <tbody>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>

src/pages/konto/angemeldet.astro

@@ -180,17 +180,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           </div>
         </div>
 
-        {/* Fester Pflicht-Name (z.B. für Bestellungen/Lieferadresse) — getrennt vom optionalen
+        {/* Optionaler Spitzname zuerst (Bonus, wird bevorzugt angezeigt), darunter der feste
-            Benutzernamen weiter unten, der nur ein Spitzname-Bonus ist. */}
+            Pflicht-Name (z.B. für Bestellungen/Lieferadresse). */}
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <div class="profile-field">
           <label for="profile-username">{t.accountDash.usernameLabel}</label>
           <div class="profile-field-row">
@@ -201,6 +192,15 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
+        <div class="profile-field">
+          <label for="profile-name">{t.accountDash.profileName}</label>
+          <div class="profile-field-row">
+            <input type="text" id="profile-name" maxlength="60" />
+            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
+          </div>
+          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
+        </div>
+
         <table class="specs">
           <tbody>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>