Add responsive breakpoints for various devices

[Dippp10-ally]

---

🧭 Navbar Update

Description

This PR introduces improvements to the navigation bar to enhance usability, responsiveness, and overall user experience. It ensures consistent navigation across different pages and screen sizes.

Changes Made

• Implemented/updated the main navbar component
• Improved responsiveness for mobile and tablet views
• Fixed alignment and spacing issues in navigation items
• Enhanced active link highlighting for better UX
• Optimized styling for consistency across the application
• Improved accessibility (keyboard navigation and ARIA labels where applicable)

Type of Change

• ✨ New feature / enhancement
• 🐛 Bug fix (if applicable)
• ♻️ Refactor / UI improvement
• 📝 Documentation update
• 💥 Breaking change

Testing

• Verified navbar rendering across major screen sizes
• Tested navigation links and routing
• Checked mobile menu toggle functionality
• Ensured no layout overlap or UI breakage

Screenshots (if applicable)

Add before/after screenshots here

Checklist

• Code follows project style guidelines
• Tested on multiple screen sizes
• No console errors introduced
• Navbar works across all major routes

---

[vercel]

@Dippp10-ally is attempting to deploy a commit to the anirbansarkars' projects Team on Vercel.

A member of the Team first needs to authorize it.

[Dippp10-ally]

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

[Dippp10-ally]

@AnirbansarkarS ji , below is screenshot prior to making changes.....

[Dippp10-ally]

@AnirbansarkarS ji , below are screenshots after making changes.....