fix(footer):unify social icons styling in light mode across pages

[DivyanshiSingh-23]

Description

This PR fixes inconsistent styling of footer social icons across different pages in light mode.

fixes Issue #641

Type of change

• Bug fix
• New feature
• Improvement
• Documentation update

Steps to Test / Reproduce:

1. Open multiple pages of the site.
2. Scroll to the footer section in light mode.
3. Confirm that all social icons have the same styling (size, color, hover effects).

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code where necessary
• I have added tests that prove my fix is effective or that my feature works
• I have made corresponding changes to the documentation

Screenshot:

about page:

scale recipe page:

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼