[Web] Navbar Does Not Display Authenticated User's Name After Login

[mustafa-5493]

[Frontend] Display authenticated user profile information in navbar

📝 Description

Currently, the navbar displays a generic person icon regardless of the user's authentication status. To provide a personalized experience and confirm successful login, the system needs to display the authenticated user's name and profile picture (or initials) in the application header.

📋 Requirements

• 1.1.4.3 — The system shall display the authenticated user's profile information (e.g., name and picture) in the application header upon successful login.

🛠️ Feature / Task Details

• Extract the user's name and profile metadata from the JWT token via AuthContext.
• Replace or augment the generic avatar icon with the user's name and profile picture.
• Implement a fallback mechanism to show user initials (e.g., "JD" for Jane Doe) if no profile picture is provided.
• Ensure the profile section remains responsive and does not crowd the navigation links.

✅ Acceptance Criteria

• The logged-in user's name is clearly visible in the navbar.
• Guest/unauthenticated users continue to see the default generic avatar.
• Profile information updates immediately upon login/logout.
• All frontend header and authentication tests pass.

📅 Deadline

14.05.2026