Fix Responsiveness Issues and Overlap of Hamburger Menu and Dark Mode Toggle

[rajveeerr]

This pull request addresses the issue where the Hamburger Menu and Dark Mode Toggle were overlapping at certain screen sizes, causing usability issues. The fix sets a breakpoint at 1180px to prevent these elements from overlapping and ensures the UI remains smooth and consistent across all screen sizes.

Changes Made:

• Updated the CSS to set a breakpoint at 1180px for the navbar.
• Adjusted the positioning and margins of the Hamburger Menu and Dark Mode Toggle to prevent overlap.
• Tested on different screen sizes to ensure the UI remains responsive and elements are properly spaced.

Fixes: #1150

Screenshots:

BEFORE	AFTER

Checklist:

• Set a breakpoint at 1180px for navbar to avoid overlapping.
• Adjusted margins and spacing for the Dark Mode Toggle and Hamburger Menu.
• Tested responsiveness across different devices and screen sizes.

Impact:

This fix improves the user experience by ensuring the UI remains consistent, and all interactive elements are accessible across different screen sizes.

[vercel]

@rajveeerr is attempting to deploy a commit to the Suraj Pratap's projects Team on Vercel.

A member of the Team first needs to authorize it.

[rajveeerr]

@SurajPratap10 lgtm

[SurajPratap10]

LGTM