feat: support prop casing for SVG attributes

[jcfranco]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

It'd be useful to support prop case for SVG attributes (similar to React).

Describe the Use Case

Spreading an object with props onto an SVG will not render properly and warnings/errors will be swallowed.

See repro case.

Describe Preferred Solution

SVG props get mapped to attributes.

In the following example, strokeWidth would be mapped and rendered as stroke-width

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 10">
  <circle cx={15} cy={5} r={3} stroke="green" strokeWidth={3} />
</svg>

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[christian-bromann]

Thank you @jcfranco for raising this issue.

I was able to reproduce it and will label it accordingly for this to be ingested into our backlog.