fix: user profile image not reflecting on nav bar

[d-a-ve]

you can check this one that was used for the previous cohort

Fixes Issue/Linear Ticket

• Linear Ticket: Fixes ID-#PORT-12

Changes proposed

1. Removed the default gray box for user image on nav bar and made it reflect the user's image
2. Changed the default user image to show user's initials if user has not set image

Check List (Check all the applicable boxes)

🚨Please review the [style guide for contributing](add link here) and [guidelines for contributing](add link here) to this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.
• I am making a pull request against the main branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Screenshots/ Videos

USER IMAGE SHOWING ON NAVBAR

NEW DEFAULT IMAGE PLACEHOLDER

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
zuriportfolio-frontend	✅ Ready (Inspect)	Visit Preview	Dec 13, 2023 11:17pm