fix: add dark and light mode persistence for logo components

[ShwetaMore2810]

Description

Added light and dark mode persistence for logo components in Navbar and Footer. The logo now correctly maintains its state on page refresh by utilizing localStorage.

Changes Made

• Enhanced dark mode detection in Navbar and Footer components
• Added localStorage integration for theme persistence
• Improved theme state synchronization
• Fixed logo switching on page refresh

Screenshots/Videos

Checklist

• Clear title and description
• Follows branching strategy and Conventional Commits
• Code is well-formatted
• Changes are tested in different scenarios
• Up-to-date with main branch
• Ready for review

Additional Notes

Tested on various browsers and refresh scenarios to ensure consistent behavior.

[vercel]

Someone is attempting to deploy a commit to the harshs16's projects Team on Vercel.

A member of the Team first needs to authorize it.

[HarshS16]

@ShwetaMore2810 which issue number have you solved,mention all relevant details otherwise no points will be rewarded

[ShwetaMore2810]

@ShwetaMore2810 which issue number have you solved,mention all relevant details otherwise no points will be rewarded

#528

Issue:
In light mode, the current Civix logo has low contrast (light green location pin and light grey text), which makes it hard to see and reduces brand visibility. This impacts user experience and accessibility for people with visual impairments.

💡 Describe the Solution
Introduce separate logo versions for dark mode and light mode:

Dark Mode: Keep the existing color scheme (light green + light grey).
Light Mode: Use a darker, richer green for the pin, and darker text for better contrast.
Optionally, add a thin outline or subtle shadow to improve visibility across backgrounds.

[HarshS16]

@ShwetaMore2810

@ShwetaMore2810 which issue number have you solved,mention all relevant details otherwise no points will be rewarded

#528

Issue: In light mode, the current Civix logo has low contrast (light green location pin and light grey text), which makes it hard to see and reduces brand visibility. This impacts user experience and accessibility for people with visual impairments.

💡 Describe the Solution Introduce separate logo versions for dark mode and light mode:

Dark Mode: Keep the existing color scheme (light green + light grey). Light Mode: Use a darker, richer green for the pin, and darker text for better contrast. Optionally, add a thin outline or subtle shadow to improve visibility across backgrounds.

Mention all this in the PR and resolve the conflicts