feat: Enhancing Nav Bar

[thecloudcode]

Enhancing Nav Bar

This PR adds the glass effect to the navbar and improves the css by updating the Navbar.jsx and Navbar.css files.

Issue number

closes: #298

Video/Screenshots (mandatory)

After my changes :

navbar.update.-.thecloudcode.mp4

Before

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have gone through the contributing.md file before contributing

Additional context:

N/A

[vercel]

@thecloudcode is attempting to deploy a commit to the pranavbarthwal's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, you can contact the mentors for this project.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
cosmo-xplore	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 9, 2024 9:33am

[surajvast1]

Because of this merge we have lost our responsiveness of the navbar .It was my mistake to approve this.I take full responsibility
Reverting changes create a new pr @thecloudcode

[surajvast1]

@PranavBarthwal Revert this

[PranavBarthwal]

@PranavBarthwal Revert this

Cant be reverted now, lets create a new issue to fix the responsiveness.

[surajvast1]

@PranavBarthwal merge changes by @DonaldReddy .he created the pr first
here
#388