[ui-upgrade]: Better UI/UX for Navigation Menu

[A-Spiral-Forge]

Describe the bug Navigation bar is not looking good in mobile view. Also in computer view the size and animations are not aligned with UX.

To Reproduce Steps to reproduce the behavior:

1. Go to 'Home Page'
2. Open Mobile View using Inspect
3. See Navigation bar by clicking on Menu button.

Expected behavior Better UX and use of relatable colours with website.

Screenshots

Additional context NA

🌟 Note: Please make sure to complete all the required tasks before submitting your issue/PR.

• [x] I have checked the existing issues
• [x] Give a Star ⭐
• [x] Follow - Project Admin
• [x] I want to work on this issue

Connect with me on Linkedin Let's Connect 1:1 - Click Here

[A-Spiral-Forge]

@SyedImtiyaz-1 kindly assign this to me under hacktoberfest.