Interactive Rating Component in React, Styled /w TailwindCSS

Q: What did you find difficult while building the project?

A: Getting a precise render, for example, I found the radial gradient for the card container to be pretty tough to guess just by looking at the design. I feel like Figma would have helped greatly here.

Q: Which areas of your code are you unsure of?

A: Overall neatness and correctness. I'm not sure if this is idiomatic React as I've never had my UI code reviewed before, which I very much look forward to.

Q: Do you have any questions about best practices?

A: I'd rather have someone just review what I have and hear what they have to say. I'd also like to know what the best way is to use TailwindCSS in React, since things can look pretty messy due to the abundance of classes being used.

Harsh but respectful feedback is super welcomed.

Thank you for your time!