React-based QR Code Card Component

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

I tried making the QR Code Card component as reusable as possible by using React compound components. This has resulted in a rather complex implementation of a relatively simple project, but I am happy with the result. This was perhaps overkill, and I might go back to focusing on HTML/CSS for simpler projects to come.

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

I did not encounter any major challenge with this project, but did go through multiple refactoring rounds as I tried to optimize for reusability. I am hoping to become more efficient in that regard in the future.

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

I would appreciate some feedback on my use of semantic HTML elements (figure/figcaption) and whether there is a better option in this case.

Any comment on the use of compound components is highly welcome as well.