automatically detect browser theme (light/dark) (#1)

[rupali-yadav]

issue #1 :
window.matchMedia('(prefers-color-scheme: dark)') is used to determine whether the user has set their system or browser to dark mode.
A global theme context created using createContext now persists across routes by wrapping in the ThemeProvider.
Current theme can be read using --> const { theme, toggleTheme } = useContext(ThemeContext);

[vercel]

@rupali-yadav is attempting to deploy a commit to the Ansh's projects Team on Vercel.

A member of the Team first needs to authorize it.

[anshaneja5]

@rupali-yadav the changes are not propogated properly in all papers. for reference, you can check pages in light mode, its still dark. look into it.