[Feature] Add hover effect to social media icons in footer

[TBorundia]

Description

Adding effects on social media icon oh hover according to their logo color

Screenshots

Calci_icon.mp4

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 @TBorundia, Welcome to the project CalcDiverse! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[TBorundia]

@Rakesh9100 Sir , please assign this issue to me.

[jessicachawla]

@Rakesh9100 this issue can be assigned

[Rakesh9100]

We already have colored hover effect on each of the social icons, pls check the website once and tell me @TBorundia