use useContext and useState hooks to provide global state

[Dgarc359]

I don't want to use redux, I think I can just use a combination of useContext and useState in order to pass around the following states:

• whether or not a user has logged in
• dark / light mode
• (Optional?) Current color scheme -- This one may or may not be necessary because each page has their own color scheme, not sure if global context is the place to set it, but maybe... -- I do like this idea though because we can have a global setter without having to repeat the logic... maybe I can just turn this into a hook called useColorScheme?

[Dgarc359]

Reference:
https://beta.reactjs.org/apis/usecontext#updating-data-passed-via-context

[Dgarc359]

In regards to color scheme, I will be moving forward with using useContext to manage this. I want the footer component to use the color scheme set by the global context, and I want each page to access the global setter and set their color scheme that way