refactor(StatusBar, PoliticsView): update UI elements and improve layout

- Modified StatusBar component to enhance character name display with a label suffix for clarity.
- Refactored styles in StatusBar for better alignment and spacing, improving overall visual presentation.
- Removed the PoliticsView hero section to streamline the layout and focus on tab content, enhancing user navigation.

frontend/src/views/falukant/PoliticsView.vue

@@ -2,14 +2,6 @@
     <div class="politics-view">
         <StatusBar />
 
-        <section class="politics-hero surface-card">
-            <div>
-                <span class="politics-kicker">Falukant</span>
-                <h2>{{ $t('falukant.politics.title') }}</h2>
-                <p>Ämter, Kandidaturen und Wahlen als klare Aufgabenfläche statt als reine Verwaltungstabelle.</p>
-            </div>
-        </section>
-
         <SimpleTabs v-model="activeTab" :tabs="tabs" @change="onTabChange" />
 
         <!-- Tab‐Inhalt -->
@@ -363,29 +355,6 @@ export default {
     padding-bottom: 24px;
 }
 
-.politics-hero {
-    padding: 24px 26px;
-    margin-bottom: 16px;
-}
-
-.politics-kicker {
-    display: inline-block;
-    margin-bottom: 10px;
-    padding: 4px 10px;
-    border-radius: 999px;
-    background: rgba(120, 195, 138, 0.14);
-    color: #42634e;
-    font-size: 0.75rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.06em;
-}
-
-.politics-hero p {
-    margin: 0;
-    color: var(--color-text-secondary);
-}
-
 .simple-tabs {
     margin-bottom: 16px;
 }