fix(footer): update icon hover effect to resolve issue #1989

[ayesha2104]

What does this PR do?

Fixes the hover effect for footer icons to match the intended design and improves user interaction by adding smoother transitions.

Fixes #1989

Previously, the footer icons had inconsistent hover effects that didn’t match the design specification. This update ensures a uniform and visually appealing hover effect across all icons.

Motivation & Context:

• Improve UI consistency and user experience.
• Ensure the footer icons match the intended design mockups.

Dependencies:

• None

---

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)

---

How should this be tested?

• Hover over all footer icons and verify the new effect is applied.
• Check responsiveness on desktop and mobile.
• Ensure no other styles or layouts are broken.

---

Mandatory Tasks

• Self-reviewed the code.

---

Checklist

• I have read the contributing guide.
• My code follows the style guidelines of this project.
• I have commented my code, particularly in hard-to-understand areas.
• I have checked if my PR needs changes to the documentation.
• I have checked that my changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• I have checked that new and existing unit tests pass locally with my changes.

footer-hover.mp4

[vercel]

@ayesha2104 is attempting to deploy a commit to the Piyush Garg's projects Team on Vercel.

A member of the Team first needs to authorize it.