fix(frontend): update navbar to match new design

[Aadityapoddar]

Overview

1. This PR fixes or fixes part of [Feature Request]: Enhance navbar component according to new designs. #28 .
2. This PR does the following: add changes to the existing navbar to match the latest changes in the design, it adds a line animation to highlight the current active page. This pr also makes the navbar to adjust to different screen sizes.

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

Navbar-new.mp4

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 ydo-bsoc ready!

Name	Link
🔨 Latest commit	fa2fa0a
🔍 Latest deploy log	https://app.netlify.com/projects/ydo-bsoc/deploys/687fbcbe1b86550008c4a95a
😎 Deploy Preview	https://deploy-preview-35--ydo-bsoc.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 project configuration.

[Zapper9982]

Love this @Aadityapoddar well done it looks amazing and smooth going ahead and Merging ! Thanks

[Zapper9982]

@Aadityapoddar just one change though instead of going to /Account its intended to go to /profile just fix it

[Aadityapoddar]

@Aadityapoddar just one change though instead of going to /Account its intended to go to /profile just fix it

I have fixed it. Is there any other change required?

[Om-Thorat]

@Aadityapoddar can you resolve these conflicts thanks