Add Dark Mode Toggle Switch

[0916dhkim]

Current Behavior

The app has dark mode support, but the dark mode only activates when @media (prefers-color-scheme: dark) matches.
https://github.com/0916dhkim/spotify-filter/blob/419c0ce21cd193d8f7c8fcc2abc1e1ca6f1a232f/app/public/darkmode.js#L1-L5

Desired Behavior

• Add a dark mode toggle switch to the home page.
• The switch should store user preference in local storage.
• darkmode.js should listen to local storage events and update styles on a preference change.

[Yasir761]

@pea-nut-z can you please tell more about this issue?

[pea-nut-z]

Hey @Yasir761, I didn't work on this part of the codebase specifically. I would add a listener for the button from what Danny has described. We would check for the user's mode preference on the first render and whenever the button is clicked. That would be my starting approach, and I would see where it takes me.

[Yasir761]

@0916dhkim Hey! Can I work on this?

[0916dhkim]

@Yasir761 For sure! I've assigned you to this ticket. Please feel free to open a PR 👍
I don't have a particular design in mind, but I prefer a solution without additional dependencies.
Thanks for contributing.