created navbar responsive across all screen sizes

[shivam8112005]

Pull Request Checklist

Fixes #1418

• I have added screenshots and videos to show before and after the working of my code.
• I have ensured that the screen size is set to 100% while making the video.
• I have synced the latest fork with my local repository and resolved any conflicts.
• I have mentioned the issue number which I created before making this PR .(format to mention issue number is : fixes #(issue number) )
• I understand that if any the above conditions are not met , my PR will not be MERGED .
  all pages on laptop:

Screen.Recording.2024-10-26.154628.mp4

responsive:

Screen.Recording.2024-10-26.154742.mp4

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
word-wise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 26, 2024 10:18am

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #1443 has been merged! 🎉🎉