feat : Improve navbar responsiveness across all devices

[Dippp10-ally]

Closes #359

📝 Description

This PR enhances the website's navigation bar by adding responsive styling and layout improvements for different screen sizes. The updates ensure that the navbar remains accessible, properly aligned, and user-friendly across desktop, tablet, and mobile devices.

🔹 What has been changed?

• Added responsive navbar styles using CSS media queries.
• Improved navigation layout and spacing on smaller screens.
• Optimized navbar element alignment for better usability.
• Prevented navigation overflow and layout issues on mobile devices.
• Maintained existing desktop navigation appearance and functionality.

🔹 Why are these changes needed?

The previous navbar layout was not fully optimized for varying screen sizes, which could lead to spacing and alignment issues on smaller devices. These improvements provide a more consistent and responsive user experience, ensuring easy navigation regardless of screen size.

[vercel]

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

A member of the Team first needs to authorize it.

[github-actions]

👋 Thanks for opening a PR, @Dippp10-ally!

Your PR has entered the 🎯 EventOne GSSoC PR Review Pipeline.

🟢 GSSoC PR detected — your PR will be routed to an approved GSSoC mentor for Stage 2 review.

What happens next

Stage	Reviewer	Checks
Stage 1 — Automated Validation	🤖 Bot	Title format · Issue link · AI Slop · Branch check
Stage 2 — Mentor Review	🧑‍🏫 GSSoC Mentor	Code + Quality Review
Stage 3 — Admin Final Gate	🔑 @anubhavxdev	Label check + Final Merge Decision

A pipeline status comment will appear below and update automatically as your PR progresses.

---

While you wait

• Sign all commits using git commit -s
• Link your issue with Closes #123
• Use a feature branch — not main
• Avoid unrelated changes in the same PR
• Write your own description — no AI-generated content

This comment is posted only once.

EventOne × GSSoC Automated Pipeline

[github-actions]

❌ PR Format Check — Failed — Please Fix Below

Hi @Dippp10-ally! Please fix the issues below before your PR can proceed to mentor review.

❌ Must Fix Before Proceeding

❌ Title format invalid — Use Conventional Commits format

Examples: feat: add login page, fix: button alignment, docs: update readme

⚠️ Warnings (recommended)

⚠️ No testing steps mentioned — Add how reviewers can verify your changes

---

📋 EventOne PR Guidelines (click to expand)

Title format — Conventional Commits:
feat: · fix: · docs: · style: · refactor: · test: · chore: · perf:

Always link an issue: Closes #number

Use a feature branch — never PR directly from main

Write your own description — AI-generated content = gssoc:ai-slop label

EventOne × GSSoC Pipeline — Stage 1 Automated Check

[Dippp10-ally]

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

[Dippp10-ally]

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

[Dippp10-ally]

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