Toggle Light mode from menu

[LorneBarnaby]

I created a light theme and a component for toggling it. The site now defaults to the system theme and the user can change the theme from the menu. The colours used by the theme can be changed in tailwind.config.js

[euanwm]

Hey @LorneBarnaby take me a look at this. There's a good chance that we'll need to migrate the ChartJS colours that are used for the lifter graphs into the tailwind / theme settings as well. We can capture that in a separate issue after this.

I'll test this locally and see how it looks.

[euanwm]

@LorneBarnaby Do you have any alternates for the switcher button? Throws off the alignment with the other menu items. Would also be nice to a horizontal divider as well between it and the other items. Every other is a link to another page and this doesn't fall in that category.

[euanwm]

@LorneBarnaby

Reference: https://nextui.org/docs/components/switch#custom-implementation

[euanwm]

Closing stale PR