Inconsistent Social Icons Styling in Footer Across Pages (Light Mode)

[DivyanshiSingh-23]

Description
The social icons in the footer section have inconsistent styling across different pages. In light mode, the icons display with varying colors, and backgrounds, which affects the visual consistency and user experience.

Steps to Reproduce:

1. Open multiple pages of the website.
2. Scroll down to the footer section.
3. Compare the social icons in light mode.

Expected behavior
All footer social icons across all pages should have a consistent theme in light mode

Screenshots
Expected Behavior:

Actual Behavior:

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[DivyanshiSingh-23]

@supriya46788 please assign this issue to me.

[supriya46788]

@DivyanshiSingh-23 work only on scale recipe page and about us, others are resolved