Improve navbar responsiveness across all devices

[Dippp10-ally]

🧭 Navbar Issue Description

🐞 Problem

The current navbar has responsiveness and usability issues across different screen sizes. On smaller devices, the layout becomes misaligned and certain elements may overflow or become difficult to access.

📱 Affected Areas

• Desktop layout (alignment and spacing inconsistencies)
• Tablet view (elements may wrap or overlap)
• Mobile view (navigation not fully optimized / may not collapse properly)
• Small screens (icons/text may overflow or shrink improperly)

---

🎯 Expected Behavior

• Navbar should be fully responsive across all screen sizes
• Menu should adapt properly (e.g., hamburger menu on mobile)
• Items should remain aligned and readable on all devices
• No overflow or layout breaking on smaller screens

---

📌 Steps to Reproduce

1. Open the application
2. Resize screen to tablet or mobile width
3. Observe navbar layout issues

---

💡 Suggested Fix

• Implement responsive breakpoints using CSS/Tailwind
• Add collapsible hamburger menu for mobile
• Improve spacing and alignment using flexbox/grid
• Ensure consistent styling across devices

---

🖼️ Screenshots

• Before (desktop/mobile issue)
• After (fixed version)

[github-actions]

👋 Hey @Dippp10-ally, thanks for raising this issue!

A maintainer will review it shortly. If you'd like to work on a fix, please read the guidelines below before opening a PR.

---

📋 Before You Start

Look at our merged pull requests to understand the expected commit style and code quality before writing a single line.

Merged PRs are the best source of truth for:

• How commits should be worded and structured
• How code is organised (file structure, naming, patterns)
• What a clean, reviewable PR looks like

---

✅ Clean Commit History — Required

We follow Conventional Commits:

Prefix	Use for
feat:	New feature
fix:	Bug fix
chore:	Tooling / config / deps
docs:	Documentation only
refactor:	Code restructuring (no behaviour change)
test:	Adding or fixing tests

Branch naming: feat/<short-description> or fix/<short-description>

Rules:

• 🚫 No force-push to main or shared branches
• 🚫 No merge commits inside your feature branch — rebase instead
• ✅ One logical change per commit
• ✅ PR must reference this issue: Closes #154

---

Happy contributing! 🚀

[Dippp10-ally]

@sathwikshetty33 ji , do assign above issue number 154 to me also.......do assign labels called as gssoc:approved , level:intermediate , type:feature , quality:exceptional to above issue number 154 also...