Improved Navbar UI

[somil0701]

Description

• I've updated the Navbar UI by setting the color of the navbar in order to sync with the color theme of this website.
• Made changes to the width of the navbar as well as some margin/padding to make it soothing
• Fixed the bug related to scrolling where the transparent navbar was not looking good.

Related Issues

• Closes #

Type of PR

• ()

Screenshots / videos (if applicable)

Old UI:

New UI:

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

[github-actions]

Great job, @somil0701! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	e609502
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/670bc65f5598b0000923cd1e
😎 Deploy Preview	https://deploy-preview-243--rococo-mooncake-0d89f7.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.

[somil0701]

Hi @Anjaliavv51 , I've made the UI changes to the navbar as assigned earlier. Please review the PR and assign the level according to it.
Thank You :)

[Anjaliavv51]

@somil0701 match the color with before navbar color

[somil0701]

@somil0701 match the color with before navbar color

@Anjaliavv51 can you please elaborate which part of color are you talking about with ss(if possible)?

[Anjaliavv51]

@somil0701 please rectify the below

[somil0701]

@somil0701 please rectify the below

@Anjaliavv51 Sure! I'll check out the navbar from other pages too. Please confirm the color scheme of the navbar as you mentioned earlier if you want it to be changed.

[somil0701]

@Anjaliavv51 I've fixed the navbar for other pages as well which was earlier not working as expected, please review it and confirm so that I can send a PR.
Thank You :)

[somil0701]

@Anjaliavv51 Please check the above suggestions and update regarding to it if possible

[Anjaliavv51]

@somil0701 resolve the conflicts.

[somil0701]

@Anjaliavv51 I've resolved the conflicts please look towards it and merge the PR.
Issue Number Reference: #236
Thank You :)

[Anjaliavv51]

@somil0701 go through the below image from ur deploy , right side of navbar is not aligned properly.