Ändert die Navigationsstruktur in App.vue, indem die Klasse der Fußzeile von "nav-menu" zu "sidebar-footer" geändert wird. Fügt eine neue CSS-Klasse "nav-menu-no-flex" hinzu, um das Layout der Navigation zu optimieren und die Flexbox-Eigenschaften anzupassen.

frontend/src/App.vue

@@ -68,7 +68,7 @@
             </div>
           </nav>
           
-          <nav class="nav-menu">
+          <nav class="sidebar-footer">
             <div class="nav-section">
               <h4 class="nav-title">Einstellungen</h4>
               <a href="/mytischtennis-account" class="nav-link">
@@ -341,6 +341,15 @@ export default {
   overflow-y: auto;
 }
 
+.nav-menu-no-flex {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  flex: 0;
+  min-height: 0;
+  overflow-y: auto;
+}
+
 .nav-section {
   display: flex;
   flex-direction: column;