Displayed the name of contributor on hovering

[NidhiTornekar]

Fixes Issue🛠️

Closes #1102

Description👨‍💻

Modified contributor.js and contributor.css to fetch contributor's GitHub username and display it on hovering above the contributor's image in the "Contributors" page.

Type of Change📄

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

Checklist✅

• I am an Open Source contributor
• I have performed a self-review of my code
• My code follows the style guidelines of this project

Screenshots/GIF📷

[github-actions]

Hey @NidhiTornekar, Welcome to the project Beautiify! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[netlify]

✅ Deploy Preview for beautiify ready!

Name	Link
🔨 Latest commit	a5a38d0
🔍 Latest deploy log	https://app.netlify.com/sites/beautiify/deploys/668cbcdff0eac900082cc4d1
😎 Deploy Preview	https://deploy-preview-1152--beautiify.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Rakesh9100]

Please fetch and display the full name instead of the GitHub username. If the full name is not available on the profile, display the username instead @NidhiTornekar

[Rakesh9100]

It is not working properly for all the profiles, check the deploy preview @NidhiTornekar

[Rakesh9100]

Any update on this @NidhiTornekar

[NidhiTornekar]

It is exceeding the github rate limit of 60 requests per hour...Hence am unable to fetch for all the contributors

[Rakesh9100]

Yes, so in this case we can use Google app Script API that has no limit @NidhiTornekar