Refactor to use local storage

[mickmister]

This PR adapts the application to use local storage to persist user-generated data.

A few directories have been added to the project:

• actions - Functions that are called by components for user actions. Like addCommentToSection
• hooks - React hooks that are called by components
• client - Functions called by actions that get/set persistent information. this layer can be swapped for a separate backend later
• store - Functions that interact with localStorage directly. These LocalStorageStore store functions are called by the LocalStorageClient client functions

I also want to move the components to a components directory as well, but I wanted to make the diff between the component files obvious so I kept the same locations for the component files in this PR.

https://deploy-preview-8--section-view.netlify.app

[netlify[bot]]

✅ Deploy Preview for section-view ready!

Name	Link
🔨 Latest commit	a8695351f49f09a84aaaf252c5e039a1d8c52bf1
🔍 Latest deploy log	https://app.netlify.com/sites/section-view/deploys/664d785811cf6f00089b5ad6
😎 Deploy Preview	https://deploy-preview-8--section-view.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mickmister]

@aelishRollo I've found that when you add more comments to the page, elements towards the top of the page start vertically shrinking. This is present in the css code on the main branch

One comment

Five comments

[mickmister]

@aelishRollo I recommend checking out this branch refactor-to-local-storage locally, and browsing the codebase through your IDE. This way you can see the current state of the files in your own environment without having to process diffs in GitHub's UI. You can also access things like Go to Definition that way too

I recommend first just looking at the component files, and see how they connect to the files that they import