fix: group header actions

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

docs/logboek.md

@@ -539,16 +539,16 @@ Wat ik deed:
 Waarom:
 
 - Een quota error is geen geldige zoekopdracht met nul resultaten. Door deze
-  rate-limit issues lever ik op 12 augustus in: eerst één gecontroleerde
+  rate-limit issues lever ik op 12 augustus in: eerst 1 gecontroleerde
   live-test, daarna direct de hand-in.
 - Grounding moet hallucinations tegenhouden, maar met genoeg echte tracks in
-  het taste profile mag één slechte LLM call niet eindigen in één card.
+  het taste profile mag één slechte LLM call niet eindigen in 1 card.
 
 Wat ik heb laten vallen of uitgesteld:
 
 - De structurele oplossing voor quota is een Spotify key met hogere quota. Dat
-  is voor deze PoC-assessment niet proportioneel; live mode valt niet stil terug
-  op fixtures.
+  is voor deze PoC-assessment niet proportioneel; een workaround bedenken is
+  hier niet de oplossing.
 - Geen bounded retry na een dunne pool: die kon de 75 Spotify calls verdubbelen
   en voegde een nieuwe control flow toe. De prompt gebruikt eerst de data die
   al in het taste profile staat.

frontend/src/components/AppHeader.vue

@@ -48,10 +48,10 @@ const modeLabel = computed(() => {
         <span class="mode" :class="{ failed: healthFailed }">
           {{ modeLabel }}
         </span>
+        <AuthStatus :auth="auth" @logout="$emit('logout')" />
         <a v-if="demoUrl" class="button demo-link" :href="demoUrl">
           {{ messages.appHeaderDemoInstance }}
         </a>
-        <AuthStatus :auth="auth" @logout="$emit('logout')" />
         <button class="button" type="button" data-dev-panel-opener @click="openDevPanel">
           <span class="full-label">
             {{ messages.appHeaderDevPanel }}