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/components/falukant/StatusBar.vue

@@ -7,7 +7,7 @@
                     <img src="/images/icons/falukant/messages24.png" class="menu-icon" />
                 </div>
                 <div v-if="characterName" class="status-identity" :title="characterName">
-                    <span class="status-identity__label">{{ $t('falukant.overview.metadata.name') }}</span>
+                    <span class="status-identity__label">{{ $t('falukant.overview.metadata.name') }}:</span>
                     <strong class="status-identity__name">{{ characterName }}</strong>
                 </div>
             </div>
@@ -401,12 +401,11 @@ export default {
 }
 
 .status-identity {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 0.15rem;
-    min-height: 50px;
-    padding: 0.45rem 1rem;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    min-height: 34px;
+    padding: 0.2rem 0.95rem;
     border-radius: var(--radius-md);
     background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(248, 241, 231, 0.98) 100%);
     border: 1px solid rgba(126, 71, 27, 0.16);
@@ -421,6 +420,7 @@ export default {
     text-transform: uppercase;
     color: #9a7a5f;
     white-space: nowrap;
+    flex: 0 0 auto;
 }
 
 .status-identity__name {
@@ -430,6 +430,7 @@ export default {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    min-width: 0;
 }
 
 .quick-access {

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;
 }