[Bug]: Page theme isn't consistent across page reloads

[dylan-dot-c]

What happened?

Whenever the user chooses dark mode and the browser is refreshed, the mode returns to its original state, which is light mode.

I expect that when I change my theme to dark mode, it should remain in dark mode even when I refresh my browser.

Add screenshots

recording.webm

As you can see, when the browser reloads the current state of the theme has been set to the default light mode.

I also realize that there is already a custom hook for the localStorage but it hasn't been used when implementing this feature.

I plan to simply update it and use it to solve this issue

What browsers are you seeing the problem on?

Microsoft Edge

Code of Conduct

• I agree to follow this project's Code of Conduct

Add screenshots

No response

What browsers are you seeing the problem on?

Microsoft Edge

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Welcome, @dylan-dot-c! Your issue is like a spark that ignites innovation. We're thrilled to dive into it and work together to find a solution.

Soon the maintainers/owner will review it and provide you with feedback/suggestions.

[dylan-dot-c]

Previous Issue before nextJS migration
Planning to reimpliment it and get it merged