Implement Zustand

[SkylerBurger]

As a developer, I want to reduce the amount of boilerplate/repeated code and prop-drilling when managing the configuration details of my application in state so I save myself from carpal tunnel.

After reviewing Redux, React Context API, and Zustand, it appears that Zustand is the simplest solution available for managing the intertwined state of settings between my <App /> and <Settings /> components that each need to be able to access and update these values easily.

https://github.com/pmndrs/zustand

• [x] Restructure the config for the application so the top-level attributes are "groups" and "settings". This way it is easier to pass along the settings in their own store without passing dial data around with it. Go ahead and make the small naming corrections you wanted like "groupName" to "name" to keep things simple.
• [ ] Create a store that contains only the "settings" from the config
• [ ] Ensure that both <App /> and <Settings /> use the store to keep track of and update state.
• [ ] Ensure that when updates are made that localStorage is still being overwritten with the latest copy of config.

[SkylerBurger]

This is a great tool for state management but wow is it a huge pain to implement once your app is already drilled through. Makes it difficult to stop until the entire process is complete. This ticket will continue.

[SkylerBurger]

This issue was addressed in PR #43