Refactor AreaTabs component to update product area identifiers and visibility settings

- Changed product area IDs for 'experimenta' and 'makerspace' to simplify navigation.
- Updated visibility settings for areas to ensure 'experimenta' and 'labs' are now visible.
- Adjusted logic in computed property to reflect new area IDs for improved routing consistency.

app/components/navigation/AreaTabs.vue

@@ -19,7 +19,7 @@ const areas: ProductArea[] = [
     label: 'experimenta Jahreskarten',
     icon: Sparkles,
     enabled: true,
-    visible: false,
+    visible: true,
     route: '/experimenta',
   },
   {
@@ -35,7 +35,7 @@ const areas: ProductArea[] = [
     label: 'Labore',
     icon: FlaskConical,
     enabled: false,
-    visible: false,
+    visible: true,
     badge: 'Demnächst',
     route: '/labs',
   },
@@ -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'
+    return 'makerspace-annual-passes'
   } else if (route.path.startsWith('/labs')) {
     return 'labs'
   } else if (route.path.startsWith('/experimenta')) {
-    return 'experimenta'
+    return 'experimenta-annual-passes'
   }
-  return 'makerspace'
+  return 'makerspace-annual-passes'
 })
 
 function navigateToArea(area: ProductArea) {