Order Summary Component Built with React & Tailwind (+WavyBackground)

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

React errors: since react likes attributes to be in camel case, the svg kept showing errors at first. So I changed the following attributes in the hero svg.

change xmlns:xlink to xmlnsXlink

I also found it difficult to control. fit, and scale the svg hero, so I looked up a tutorial and learned how to deal with svgs with viewbox!