Integrate fetchCart function to refresh the cart upon user login

- Ensuring existing items are displayed immediately.
- This enhancement improves user experience by providing instant visibility of cart contents after authentication.

app/composables/useActiveRole.ts

@@ -56,6 +56,13 @@ export function useActiveRole() {
 
       return data
     } catch (err: any) {
+      // 401 during session initialization is normal - watch() will retry successfully
+      if (err.statusCode === 401) {
+        console.debug('Role status fetch: Session not ready yet, will retry via watch()')
+        return null
+      }
+
+      // Other errors are real problems
       console.error('Failed to fetch role status:', err)
       error.value = 'Fehler beim Laden der Rollen'
       throw err

app/composables/useAuth.ts

@@ -12,6 +12,7 @@
 export function useAuth() {
   const { loggedIn, user, clear, fetch } = useUserSession()
   const { fetchRoleStatus } = useActiveRole()
+  const { fetchCart } = useCart()
 
   /**
    * Login with email and password
@@ -41,6 +42,9 @@ export function useAuth() {
     // Fetch user roles immediately after login
     await fetchRoleStatus()
 
+    // Refresh cart after login to show any existing items
+    await fetchCart()
+
     // Redirect to products page or saved destination
     const redirectAfterLogin = useCookie('redirect_after_login')
     const destination = redirectAfterLogin.value || '/'

app/pages/auth.vue

@@ -1,6 +1,8 @@
 <!-- app/pages/auth.vue -->
 
 <script setup lang="ts">
+import { AlertCircle } from 'lucide-vue-next'
+
 /**
  * Combined Authentication Page
  *