Refactor AreaTabs component to correct product area labels and routing logic

- Updated labels for 'experimenta' and 'makerspace' to singular form for consistency.
- Adjusted computed property to return simplified area identifiers for improved routing clarity.

app/components/navigation/AreaTabs.vue

@@ -16,7 +16,7 @@ interface ProductArea {
 const areas: ProductArea[] = [
   {
     id: 'experimenta',
-    label: 'experimenta Jahreskarten',
+    label: 'experimenta Jahreskarte',
     icon: Sparkles,
     enabled: true,
     visible: true,
@@ -24,7 +24,7 @@ const areas: ProductArea[] = [
   },
   {
     id: 'makerspace',
-    label: 'Makerspace Jahreskarten',
+    label: 'Makerspace Jahreskarte',
     icon: Wrench,
     enabled: true,
     visible: true,
@@ -46,13 +46,13 @@ const route = useRoute()
 const currentArea = computed(() => {
   // Determine current area based on route
   if (route.path.startsWith('/products') || route.path === '/') {
-    return 'makerspace-annual-passes'
+    return 'makerspace'
   } else if (route.path.startsWith('/labs')) {
     return 'labs'
   } else if (route.path.startsWith('/experimenta')) {
-    return 'experimenta-annual-passes'
+    return 'experimenta'
   }
-  return 'makerspace-annual-passes'
+  return 'makerspace'
 })
 
 function navigateToArea(area: ProductArea) {