[FEATURE] avatar integration for community repos contributor

[badrivlog]

Is this a unique feature?

• [X] I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

Introduce a visually engaging enhancement to the community repos by replacing added by usernames text into avatar photos. This feature will visually represent contributors, providing a more engaging and user-friendly experience. It adds a touch of personality to the project, fostering a sense of community and recognition for those who contribute.

Edit: additional feature- make avatar photos clickable links within our platform. when a user clicks on an avatar, redirect them to the respective user profile.

Proposed Solution

• ~Integrate a mechanism to fetch Github avatars based on repo.username array and display avatars associated with each user~

• [x] create a reusable getUserAvatar function to fetch Github user avatar
• [x] create a reusable Avatar component
• [x] create a reusable AvatarGroup component
• [x] create UserAvatarGroup component
• [x] integrate UserAvatarGroup component to repos page

Screenshots

Current users repo

After making changes

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

to achieve this we can use the existing FallbackImage custom component

[github-actions[bot]]

To reduce notifications, issues are locked until they are https://github.com/EddieHubCommunity/BioDrop/labels/%F0%9F%8F%81%20status%3A%20ready%20for%20dev and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[ChinmayMhatre]

This is a great idea!

[github-actions[bot]]

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

Great idea @badrivlog - I have assigned this to you.

[badrivlog]

After further consideration, i believe it would be beneficial to make avatar photos clickable within our platform. The idea is that when a user clicks on an avatar, they should be redirected to the respective user profile. This enhancement can significantly improve user navigation and interaction, adding a more intuitive element to our platform.

I'd love to hear your thoughts on this suggestion and discuss how it might fit into our project roadmap.

Thank you.

[SaraJaoude]

Thank you @badrivlog I agree with your suggestion. If you could please amend the Issue to reflect this latest addition, so everyone knows what the goal is, that would be great.