Set up initial global state management

[lenngri]

Set up the initial global statement for our React App using either Easy-Peasy or Zustand.

If needed, also convert the current component based state to the global store.

[lenngri]

Easy-Peasy store is set up in index.js by importing the model from a separate model.js file and wrapping the app with the storeProvider:

[lenngri]

The initial model has attributes for the userSession and imgflip templates. The actions and thunks allow to manipulate the data and execute side effects on it:

[lenngri]

The global store is used to provide the log in state and templates whereever they are needed throughout the app.
For example, in App.js, no prop drilling for the authentication is needed anymore.