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/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 || '/'