Implement Persistent Dark & Light Theme Toggle

[Shalini828]

Problem :
Currently theme switching (if available) does not persist across reloads, or is inconsistently implemented.

Proposed Solution :

• Add a global ThemeContext.
• Store theme preference in localStorage.
• Automatically apply saved theme on page load.
• Ensure theme works across all Plays.

Implementation Ideas :

• Use React Context API.
• On initial render, read from localStorage.
• Add smooth transition between themes.

Acceptance Criteria :

• Theme preference persists after reload.
• Works across all pages and plays.
• No flicker on initial load.
• Mobile responsive.

I would like to work on this issue under Apertre 3.0.
Kindly assign this to me.

Thanks !

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.