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/components/AppNavigation.vue

@@ -22,7 +22,25 @@
           >
             {{ item.label }}
           </NuxtLink>
+          <!-- Auth-based buttons -->
+          <div v-if="isAuthenticated" class="flex items-center gap-3 ml-4">
+            <UButton 
+              to="/member/dashboard"
+              variant="solid"
+              size="sm"
+            >
+              Dashboard
+            </UButton>
+            <UButton 
+              @click="logout"
+              variant="outline"
+              size="sm"
+            >
+              Logout
+            </UButton>
+          </div>
           <UButton 
+            v-else
             to="/login"
             variant="outline"
             size="sm"
@@ -62,7 +80,28 @@
           >
             {{ item.label }}
           </NuxtLink>
+          <!-- Mobile auth buttons -->
+          <div v-if="isAuthenticated" class="flex flex-col gap-3 mt-4">
+            <UButton 
+              to="/member/dashboard"
+              variant="solid"
+              size="sm"
+              class="w-fit"
+              @click="mobileMenuOpen = false"
+            >
+              Dashboard
+            </UButton>
+            <UButton 
+              @click="logout; mobileMenuOpen = false"
+              variant="outline"
+              size="sm"
+              class="w-fit"
+            >
+              Logout
+            </UButton>
+          </div>
           <UButton 
+            v-else
             to="/login"
             variant="outline"
             size="sm"
@@ -81,6 +120,7 @@
 import { ref } from 'vue'
 
 const mobileMenuOpen = ref(false)
+const { isAuthenticated, logout } = useAuth()
 
 const navigationItems = [
   { label: 'Home', path: '/' },