feat(nav): made navbar and added desired styling to it

[blazethunderstorm]

Overview

1. This PR fixes or fixes part of [BUG]: navbar issue #112 .
2. This PR does the following: corrected navbar functionality

Essential Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
• The PR is made from a branch that's not called "main/master".

Proof that changes are correct

PR Pointers

• If you need a review or an answer to a question, and don't have permissions to assign people, leave a comment like the following: "{{Question/comment}} @{{reviewer_username}} PTAL".
• Never force push. If you do, your PR will be closed.

[netlify]

✅ Deploy Preview for bitbytesummerofcode ready!

Name	Link
🔨 Latest commit	8f6797a
🔍 Latest deploy log	https://app.netlify.com/sites/bitbytesummerofcode/deploys/66a2631d86adfd0008884f45
😎 Deploy Preview	https://deploy-preview-120--bitbytesummerofcode.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.