Add timefix and vacation routes to backend; update frontend for new routes and page titles

frontend/src/App.vue

@@ -6,17 +6,20 @@
           <h1 class="brand">
             <RouterLink to="/">Stechuhr</RouterLink>
           </h1>
-          <div class="nav-collapse">
-            <SideMenu />
-            <ul class="pull-right navbar-nav nav">
-              <li class="user-info">
-                <span class="user-name">{{ authStore.user?.full_name }}</span>
-              </li>
-              <li>
-                <button @click="handleLogout" class="btn-logout">Abmelden</button>
-              </li>
-            </ul>
+          <div class="nav-title-menu">
+            <h2 class="page-title" v-if="pageTitle">{{ pageTitle }}</h2>
+            <div class="nav-collapse">
+              <SideMenu />
+            </div>
           </div>
+          <ul class="pull-right navbar-nav nav">
+                <li class="user-info">
+                  <span class="user-name">{{ authStore.user?.full_name }}</span>
+                </li>
+                <li>
+                  <button @click="handleLogout" class="btn-logout">Abmelden</button>
+                </li>
+              </ul>
         </div>
       </div>
     </div>
@@ -44,19 +47,33 @@
 </template>
 
 <script setup>
-import { RouterLink, RouterView } from 'vue-router'
+import { RouterLink, RouterView, useRoute } from 'vue-router'
 import { useAuthStore } from './stores/authStore'
 import { useRouter } from 'vue-router'
+import { computed } from 'vue'
 import StatusBox from './components/StatusBox.vue'
 import SideMenu from './components/SideMenu.vue'
 
 const authStore = useAuthStore()
 const router = useRouter()
+const route = useRoute()
 
 const handleLogout = async () => {
   await authStore.logout()
   router.push('/login')
 }
+
+// Seitentitel basierend auf der aktuellen Route
+const pageTitle = computed(() => {
+  const titles = {
+    'week-overview': 'Wochenübersicht',
+    'timefix': 'Zeitkorrekturen',
+    'vacation': 'Urlaub',
+    'entries': 'Einträge',
+    'stats': 'Statistiken'
+  }
+  return titles[route.name] || ''
+})
 </script>
 
 <style scoped>
@@ -77,6 +94,21 @@ const handleLogout = async () => {
   border-bottom: 1px solid #e0ffe0;
 }
 
+.nav-title-menu {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  align-items: flex-start;
+}
+
+.page-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+  margin: 0;
+  padding: 0 15px;
+}
+
 .container {
   max-width: 100%;
   margin: 0 auto;
@@ -84,6 +116,7 @@ const handleLogout = async () => {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-direction: row;
 }
 
 .brand {