Use 'prefers-color-scheme' query to set dark mode

Created by: shuklaayush

Describe the feature and the current behaviour/state As of now, dark mode setting is persisted in local storage but is still disabled by default for a new user. It would be great if the default setting can instead be based on a user's preferred colour scheme.

Describe the solution you'd like Create a hook which uses the 'prefers-color-scheme' media query to set the colour mode according to user’s OS settings.

Additional context Reference: https://css-tricks.com/a-dark-mode-toggle-with-react-and-themeprovider/