feat: support dark theme

[georgesamy]

Support dark theme for the GUI. It uses chakra-ui's built in Color Mode and Monaco Editor's theme

Note: the <SunIcon /> was used in the Donate button. I wanted to use it in the theme button so I reassigned it to <BellIcon />. Not a hard requirement but I thought it would be nicer. Open to changes.

[glassmonkey]

Thank you for your Pull Request. I appreciate your effort in contributing to the project.
I'll review it shortly and provide feedback or any necessary follow-up.

[georgesamy]

Ofcourse! and thanks for creating this project, been using it for a while

[glassmonkey]

@georgesamy

Thank you your PullRequest.
I wanted to express my sincere gratitude for the feature you added.
It has significantly improved the usability of this project, making it much more comfortable to work with.

I have one small suggestion to further enhance the user experience.
Would it be possible to replace the current button with a toggle switch?

This change would make it clearer whether the button shows the current state or changes the state upon being pressed. I believe the following Pull Request might serve as a good reference for this enhancement: chakra-ui/chakra-ui#3518.

chakra-ui/chakra-ui#3518

[glassmonkey]

nice idea!!

[georgesamy]

I looked into the issue you posted and there wasn't an obvious solution. You see I'm not good on the frontend side xD
I'll try to give this another look over the next week

[glassmonkey]

thank you

[georgesamy]

Ok it's done.. Also moved the switch to the top right corner.

[glassmonkey]

@georgesamy

Thank you for your Pull Request! I've successfully merged it into the project. Additionally, I made some further position adjustments on our end to ensure optimal integration. Your contribution is greatly appreciated!

#134