[FEATURE] Implement Individual Hover Effects for Social Icons

[ritika728]

Is this a unique feature?

• 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.

No

Proposed Solution

I would like to request the implementation of individual hover effects for each social icon in the footer. Currently, all social icons share the same hover effect. To enhance the user experience and make the design more engaging, I suggest implementing unique hover colors (official color) for each social icon.

Screenshots

BioDrop.-.connect.to.your.audience.with.a.single.link.Mozilla.Firefox.2024-01-08.19-54-15.mp4

Do you want to work on this issue?

Yes

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

By creating a function that maps each social media icon name to its corresponding hover effect color and modifying the footer component to utilize this function when rendering each social media icon.

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

Thank you for your suggestion. This does look like a good idea in theory, however in practice there are some challenges with theming and accessibility, for example. To keep things simple we will avoid making these types of changes for now, so I shall close this Issue.