Dark/Light Mode Toggle Not Working on All Pages #201
Description
📝 Description:
Currently, the Dark/Light mode toggle works only on the Home Page.
When navigating to other pages (like About, Contact, or any other route), the theme resets or doesn’t apply properly.
This breaks the overall UI consistency and affects user experience.
💡 Expected Behavior:
The selected theme (Dark or Light) should persist across all pages.
User preference should be stored (using localStorage or context).
The theme should not reset when switching routes or refreshing the page.
🔍 Possible Causes:
Theme context or state might be initialized only on the Home component.
Missing provider wrapping in the main app (e.g., App.js or _app.jsx).
Theme CSS classes not applied globally (maybe only in homepage stylesheet).
Home page
About page
Contact page
