Enhance authentication flow: Add authentication-based buttons in AppNavigation for logged-in users, improve member status checks in useAuth, and update join page to automatically redirect to the dashboard after registration. Adjust cookie settings for better development experience.

app/middleware/auth.js

@@ -0,0 +1,27 @@
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  // Skip on server-side rendering
+  if (process.server) {
+    console.log('🛡️ Auth middleware - skipping on server')
+    return
+  }
+  
+  const { memberData, checkMemberStatus } = useAuth()
+  
+  console.log('🛡️ Auth middleware (CLIENT) - route:', to.path)
+  console.log('  - memberData exists:', !!memberData.value)
+  console.log('  - Running on:', process.server ? 'SERVER' : 'CLIENT')
+  
+  // If no member data, try to check authentication
+  if (!memberData.value) {
+    console.log('  - No member data, checking authentication...')
+    const isAuthenticated = await checkMemberStatus()
+    console.log('  - Authentication result:', isAuthenticated)
+    
+    if (!isAuthenticated) {
+      console.log('  - ❌ Authentication failed, redirecting to login')
+      return navigateTo('/login')
+    }
+  }
+  
+  console.log('  - ✅ Authentication successful for:', memberData.value?.email)
+})