Add responsive navbar styles for various devices

[Dippp10-ally]

---

🚀 Pull Request: Navbar UI/UX Enhancement & Responsiveness Update

📌 Description

This PR improves the application's navigation bar by enhancing its design, responsiveness, and usability across different screen sizes. The update ensures a smoother and more consistent user experience on mobile, tablet, and desktop devices.

✨ Changes Made

• Improved navbar layout and structure for better readability
• Added responsive design for mobile, tablet, and desktop screens
• Enhanced navigation link alignment and spacing
• Improved hover and active states for better UX feedback
• Optimized styling for consistency with overall app theme
• Fixed minor UI alignment issues in different breakpoints

🎯 Purpose

The goal of this update is to make the navbar more intuitive, responsive, and visually consistent, improving overall navigation across the application.

🔗 Related Issue

Fixes #91

🛠 Type of Change

• 🐛 Bug fix
• ✨ New feature
• 💥 Breaking change
• 🎨 UI/UX improvement
• 📝 Documentation (if applicable)

📱 Screenshots (if applicable)

Add before/after screenshots of the navbar on different screen sizes.

✅ Checklist

• Navbar works across all screen sizes
• No layout breaking on mobile devices
• Navigation links are functional
• Styling is consistent with design system

---

[Dippp10-ally]

@KDeekshita ji , do assign labels called as gssoc:approved , level:intermediate , type:feature, quality:exceptional to above pull request number 92 also....do merge above pull request number 92 also....