fix: sidebar overflow on mobile #1949

[DivyanshuVortex]

What kind of change does this PR introduce?
Bugfix + Minor UI improvement

Issue Number:

• Closes 🐛 Bug: Sidebar opening breaks layout on small screens #1949

Screenshots/videos:
Add screenshots or screen recordings showing the sidebar overflow before/after.
Add before/after for homepage link styling.

If relevant, did you update the documentation?
Not required.

---

Summary

This PR includes two related UI improvements:

---

1. Fix: Mobile sidebar overflow (Issue #1949)

On screens below 1024px, opening the sidebar caused the page to become wider than the viewport — triggering horizontal scrolling and shifting the layout.

The fix ensures:

• Sidebar stays within viewport width
• No horizontal overflow on open/close
• Main content remains stable
• Correct overflow-x-hidden and layout constraints applied

---

2. UI improvement: Simplified homepage email and link styling

The “Email us” link on the homepage previously looked inconsistent with other links and required hover to appear interactive.

Updated styling:

• Uses standard underline styling
• Adds a hover effect
• Cleaner and more consistent across breakpoints
• No layout shift, works better on small screens

This improves clarity and accessibility without major design changes.

---

Does this PR introduce a breaking change?

No.

---

Checklist

• Read, understood, and followed the contributing guidelines.

Before -

After -

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	d7076e4

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (dcf4ea4) to head (d7076e4).
⚠️ Report is 26 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1950   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          633       633           
  Branches       196       196           
=========================================
  Hits           633       633           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[DivyanshuVortex]

Hey @Utkarsh-123github please review it

[Utkarsh-123github]

Hi @DivyanshuVortex , just a small suggestion,
For static Tailwind class names, there’s no need to wrap them in {}.
We usually use braces only when there’s dynamic logic involved, for example:

className={`hidden lg:block px-4 ${
    isDark ? 'text-slate-300' : 'text-slate-600'
  }`}

Please fix this, and then your PR will be ready for merge. Thank you!

[DivyanshuVortex]

Sir @Utkarsh-123github , I make all the required changes in the Tailwind classes pls have a look .

[Utkarsh-123github]

LGTM🚀