Fix/contributors responsive

[udaykiran243]

Please add relevant labels and merge
Thanks!

📌 Description

This PR fixes responsive layout issues on the Contributors page and resolves a scrolling bug within the contributor details modal.

What problem does it solve?

• The contributors section was not responsive on mobile devices, with layout breaking on smaller screens.
• The contributor details modal had scrolling issues preventing users from viewing all PRs.
• The background page would scroll instead of the modal content when the modal was open.

What changes were made?

• Responsive Layout: Updated contributors.css with media queries for mobile devices (max-width: 768px), adjusting grid columns, padding, and flex directions.
• Modal Scrolling:
  • Added overflow-y: auto to the modal body.
  • Implemented logic in Contributors.jsx to lock the main body scroll (document.body.style.overflow = 'hidden') when the modal is open.
  • Ensured the modal fits within the viewport height on mobile.

🔗 Related Issue

Closes #251

🛠 Type of Change

• 🐛 Bug fix (non-breaking change fixing an issue)
• 💄 UI/UX improvement

✅ Checklist

• Code follows project coding standards
• Tested on desktop and mobile resolutions

[vercel]

@udaykiran243 is attempting to deploy a commit to the Karan Manickam's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🎉 Thanks for the PR, @udaykiran243!

We really appreciate you taking the time to contribute to CryptoHub! 💙

---

⭐ Love this project?

Please give us a star! It helps the project grow and reach more developers! 🌟

🔗 https://github.com/KaranUnique/CryptoHub---

✅ PR Checklist

Before we review, please ensure:

• Your code follows the project's coding standards
• All file changes are accurate and intentional
• You've tested your changes locally
• Any review comments have been addressed

---

We'll review your PR as soon as possible. Keep up the great work! ✨