User Story: Display Username on Navbar

Title

As a logged-in user, I want to see my username displayed on the Navbar instead of a login button, so that I can quickly confirm I am logged in.

Description

Currently, the Navbar component shows a login button even when a user is logged in. This enhancement should replace the login button with the user’s username when they are authenticated. The username should eventually serve as a link to the UserProfile page. Additionally, a small profile picture/avatar should be displayed next to the username. The login button in question is the one on the far right of the navbar.

Acceptance Criteria

When a user is logged in, their username is displayed on the Navbar instead of the login button.
The username appears as a clickable link that navigates to the UserProfile page.
A small avatar/profile picture is displayed next to the username.
If the user has not set a custom avatar, a default avatar is displayed.
The Navbar reverts to showing the login button when the user logs out.

Additional Notes

Consider using CSS to format the avatar and username compactly on the Navbar.

Priority

Medium

Effort Estimate

Low

Keithpohl82 / Fridget