bugfix: webpage theme is now consistent across page reloads

[dylan-dot-c]

Description

Fixed the issue at #1131, where the current theme of the website is lost when you reload the page. So, if I change my theme to dark mode, it won't persist across the page reload.

Related Issues

#1131

Changes Proposed

• properly implemented the useTheme hook in the sideBar component
• removed the redundant and insufficient state management in the sidebar component for the theme.
• fixed spelling errors
• changed default theme from dark to light
• moved the updating of the localStorage from toggleTheme function to the useEffect

Checklist

• I have read and followed the Contribution Guidelines.
• All new and existing tests passed.
• I have updated the documentation to reflect the changes I've made.
• My code follows the code style of this project.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dev-find	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 5, 2024 1:26pm

[github-actions]

Great job, @dylan-dot-c! 🎉 Thank you for opening a pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

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

[shyamtawli]

@dylan-dot-c make dark as default

[dylan-dot-c]

@shyamtawli will do

[dylan-dot-c]

@shyamtawli made the change