fix(ui): improve mobile navigation menu usability

[Harshbediya]

Description

On smaller screens, the mobile navigation menu in OWASP Nest feels cramped and sometimes overlaps with page content.
The close button is also hard to tap on devices with small displays.

---

Current Issues

• Menu overlaps with page content on certain screen widths.
• Close icon size is too small for comfortable tapping.
• Menu items do not have enough spacing, reducing readability.

---

Proposed Fixes

1. Increase close icon tap area (min 40x40px).
2. Add extra padding/margin between menu items for better readability.
3. Ensure menu slides over content instead of pushing it awkwardly.
4. Test responsiveness across devices (mobile, tablet, desktop).

---

Benefits

• Improves mobile user experience.
• Makes navigation more accessible and easier to use.
• Enhances the overall UI polish of the platform.

[ishanBahuguna]

@Harshbediya please assign this issue to me

[silky-x0]

@Harshbediya could you provide screenshots

[ishanBahuguna]

@Harshbediya @silky-x0 I have already started working on the issue kindly assign it to me

Any imporvements you need please tell

Before:

After: Added spacing and hover effect

[Harshbediya]

@silky-x0 I have already started working on this issue and have made progress. I can share my current changes and screenshots.
If possible, I’d like to continue and submit the PR to avoid duplication of work.

[silky-x0]

@Harshbediya you should've told that you'll be working on this, now you both ( @ishanBahuguna ) are working on same issue.

[ishanBahuguna]

@silky-x0 assign it to @Harshbediya I will find some other issue to solve

[kasya]

@Harshbediya I assigned this to you, but as mentioned above - if you plan to work on the issue you propose our template has a block where you'd add a checkmark that you plan to work on the proposed issue.
Please use that template next time so there's no confusion 💯