Css vanilla and ReactJs

Hi lads, this was a rollercoaster for sure lol.

The past week i've been reading and re doing my code, i tried to do this challenge with react and also tried to use it the more i could do it, but for the toggle dark theme option i had to use DOM manipulation, i tried to use Context but for me i didn't work.

The filter functionally is still in progress, i want to submit the solution now because i have a couple of questions regarding how to create a react project because i have to remove 2 components because i wasn't getting the desire states through the props. So my questions to this wonderful community are:

• 1- How you guys design a react project? it's good if i see it and design like a tree of components to check what is the best path to follow ? .

• 2- How can i hover the circle? haha, i tried to hover the circle with the linear-gradient but it didn't work for me :c

So... yes, it was hard but at the end when i was able to get the status from a new todo i really felt happy again :)

Any feedback i will be very grateful