fix(dashboard): Profil-Button an btn-icon-Stil angleichen

Nutzt dieselbe 36px-Höhe, Farben und Hover wie die übrigen Header-Buttons; auf Mobile nur Icon in Kreisform.

Co-authored-by: Cursor <cursoragent@cursor.com>

client/src/App.css

@@ -732,31 +732,14 @@ html.scheme-dark .themed-select-option.is-selected {
   border: 1px solid rgba(239, 68, 68, 0.2);
 }
 
-.skipper-badge {
-  display: flex;
-  align-items: center;
+.skipper-badge.btn-icon {
+  width: auto;
+  border-radius: 18px;
+  padding: 0 12px;
   gap: 6px;
   font-size: 13px;
-  padding: 6px 12px;
-  border-radius: 20px;
-  background: rgba(148, 163, 184, 0.08);
-  border: 1px solid rgba(148, 163, 184, 0.18);
-  color: var(--app-text-muted);
-  cursor: pointer;
+  font-weight: 500;
   user-select: none;
-  font-family: inherit;
-  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-}
-
-.skipper-badge:hover {
-  background: rgba(148, 163, 184, 0.14);
-  border-color: rgba(148, 163, 184, 0.28);
-  color: var(--app-text);
-}
-
-.skipper-badge:focus-visible {
-  outline: 2px solid var(--app-accent, #38bdf8);
-  outline-offset: 2px;
 }
 
 .skipper-badge__name {
@@ -1912,6 +1895,11 @@ html.scheme-dark .themed-select-option.is-selected {
     display: none;
   }
 
+  .skipper-badge.btn-icon {
+    width: 36px;
+    padding: 0;
+  }
+
   .btn-back {
     padding: 8px 10px;
     flex-shrink: 0;

client/src/components/LogbookDashboard.tsx

@@ -212,12 +212,12 @@ export default function LogbookDashboard({ onSelectLogbook, onLogout, onOpenProf
           {/* Skipper profile */}
           <button
             type="button"
-            className="skipper-badge"
+            className="btn-icon skipper-badge"
             onClick={onOpenProfile}
             title={t('dashboard.open_profile', { name: username })}
             aria-label={t('dashboard.open_profile', { name: username })}
           >
-            <User size={16} aria-hidden="true" />
+            <User size={18} aria-hidden="true" />
             <span className="skipper-badge__name">{username}</span>
           </button>