React w/ useContext

What are you most proud of, and what would you do differently next time?

Unfortunately, I made the page spacing based on the doc's mono font instead of the sans serif style which it'll be compared against (!!!)

First time using React since I taught it 5 years ago. Tried to tick as many boxes as I could after reading the docs including useContext and debouncing (which I guess is a well known beginner problem because of how rerenders work).

What challenges did you encounter, and how did you overcome them?

Coming from Vue it's strange that there's no out of the box style scoping (?) so I just made a botched one using attributes.

What specific areas of your project would you like help with?

I think that singleton composables from Vue felt a lot more comfortable than useContext because changing state to change context values and having to drill those down as props felt very clumsy.

Perhaps there's a better way to do this?