Add hover effect on profile card

[Sudhanshu248]

📋 Description

There is no design and hover effect on profile cards of contributors page.

I've enhanced the design of profile cards with adding hover effect which makes it more attractive.

🔨 Changes Made

Issue: Add hover effect on profile cards of contributors page #270
Issue no: #270

✅ Checklist

Before submitting the PR, please make sure you have completed the following:

• [x ] I have followed all the guidlines mentioned in CONTRIBUTING.md.
• [ x] My code follows the style guidelines of this project.
• [ x] I have performed a self-review of my own code.
• [ x] I have tested it locally and it works fine.
• [ x] Any dependent changes have been merged and published in downstream modules.

🏷️ Types of Changes

What type of changes does your code introduce? (Check all that apply)

• New feature (non-breaking change which adds functionality) ✨

• Fixes Add hover effect on profile cards of contributors page #270

📸 Screenshots (if applicable)

Before:

After

Screen.Recording.2024-10-21.235544.mp4

Thank you for contributing to Research Nexus! We look forward to reviewing your PR and getting it merged!

[Sudhanshu248]

@Harshdev098 Please review my pr and also add the label of gssoc'24, gssoc-ext, hacktoberfest'24, hacktoberfest-accepted, level-2.

[Harshdev098]

don't use background on hover blue keep it some light blackish similar from the background color of the page,

[Sudhanshu248]

@Harshdev098 Sir, Can I add this:

Screen.Recording.2024-10-23.100739.mp4

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #276 has been merged! 🎉🎉