Add light/dark mode to website

[ninypops]

[ninypops]

Give users the functionality to be able to alter the theme of the website through a toggle button.

• Invert the white colours to a more bearable colour when viewing the website later in the day to reduce eye strain
• Animate the toggle to transition this smoothly

[ninypops]

Adding bare bones for this now. Figuring out the best course of action with the current set-up.

Problem:

• The way the component folders have been set-up to have localised .scss files means I'll essentially be duplicating work.

Possible solution:

• Move to styled-components so that styling is more appropriately placed and components are easier to maintain over time.
• This would mean a bit of a overhaul that requires more effort but the rewards for it would be fruitful.