Replace Profile Button with Profile Icon and Dropdown Info

[gayatridot]

Related Issue

Closes #656

Summary

Replaced the navigation bar Profile button with a Profile icon + dropdown for a cleaner, modern UI and quicker access to user information.

Changes Made

• Removed the existing Profile button from the navbar.
• Added a Profile icon (user avatar/silhouette).
• Implemented a dropdown panel on icon click showing:
  • Login username
  • Name
  • Other profile info (e.g., email, role)
  • Logout option
• Ensured responsive styling consistent with project design guidelines.
• Updated navigation bar layout to save space and align with modern UX patterns.

Testing

• Verified dropdown opens on icon click.
• Checked that user info renders correctly from local data.
• Tested responsiveness across desktop and mobile views.
• Confirmed no regressions in other navbar links.

Screenshots

Before	After

Checklist

• Code follows project style
• Tested locally
• No unrelated changes included
• Documentation updated (if applicable)