UI: Spinner statt LADEN-Text, Pills unter Header in Einstellungen

- ViewFallback: dezenter, zentrierter Spinner statt kaum lesbarem
  "LADEN…"-Text zwischen lazy-loaded Views
- Einstellungen: Pill-Navigation jetzt konsistent unter dem Header
  (zuvor lagen die Pills bei allen Tabs ausser "Mein Profil" darüber)

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

src/views/Settings.jsx

@@ -323,14 +323,6 @@ export default function Settings({ data, update, currentUser, uiZoom, setUiZoom
     <div>
       {ConfirmModalEl}
 
-      {tab !== "profil" && (
-        <div className="filter-bar" style={{ marginBottom: 20 }}>
-          {TABS.map(t => (
-            <button key={t.id} onClick={() => setTab(t.id)} className={`pill${tab === t.id ? " active" : ""}`}>{t.label}</button>
-          ))}
-        </div>
-      )}
-
       {/* ── Profil-Tab ── */}
       {tab === "profil" && <PersonalSettings data={data} update={update} currentUser={currentUser} uiZoom={uiZoom || 1} setUiZoom={setUiZoom || (() => {})} nav={
         <div className="filter-bar" style={{ marginBottom: 20 }}>
@@ -409,6 +401,12 @@ export default function Settings({ data, update, currentUser, uiZoom, setUiZoom
             : null
         } />
 
+        <div className="filter-bar" style={{ marginBottom: 20 }}>
+          {TABS.map(t => (
+            <button key={t.id} onClick={() => setTab(t.id)} className={`pill${tab === t.id ? " active" : ""}`}>{t.label}</button>
+          ))}
+        </div>
+
         {/* ── Tab: Studio ── */}
         {tab === "studio" && (
           <>