Update hover styles for social links in Header and Contact components

[manku31]

What does this PR do?

This PR improves the UI/UX by updating the hover effect for social media icons. Specifically, it changes the icon colors on hover in two sections: the Header (Navbar) and the Contact Us section.

Fixes #130

• Below are some images demonstrating the fix (the hover effect is now applied to the icons)
  
  
  

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

• Hover over the social media icons in the Navbar and Contact Us sections.
• Ensure the hover color change works consistently across both sections.
• Verify there are no style or functional breakages in these components.

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Checklist

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

[vercel]

@manku31 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.