[Feature] Display contributor name on hover over contributor icons

[saadgibawa]

Description

I would like to suggest a simple yet meaningful enhancement for the contributors' page of this project. The current page displays profile icons of all contributors, which works well for those with recognizable avatars. However, contributors who do not have a profile picture or use default avatars might go unnoticed.
I would like to add a tooltip to each contributor’s profile icon that displays the contributor's GitHub username when the user hovers over the icon. This feature would provide a better user experience, ensuring all contributors are properly recognized, and making the contributors' page more informative and complete.

Screenshots

No response

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a GSSOC'24 contributor.
• I am a IWOC'24 contributor.
• I am a JWOC'24 contributor.
• I am a SWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @saadgibawa, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Rakesh9100]

Do you currently want to work on this and resolve it @saadgibawa

[saadgibawa]

@Rakesh9100 Yes, I want to work on this

[Rakesh9100]

Go ahead @saadgibawa

[Rakesh9100]

Any update of your PR @saadgibawa

[saadgibawa]

I'm working on it and will raise a PR when finished

[abhirajadhikary06]

@saadgibawa You took up an awesome part of work. I am eager to know if you are writing the contributor's name individually or using Github's API to fetch the usernames ?

[saadgibawa]

@abhirajadhikary06 I'm using API

[github-actions]

Hello @saadgibawa! Your issue #1382 has been closed. Thank you for your contribution!! 🙌