kebab-case SVG Properties on JSX should be transformed to camelCase (e.g. `clip-path` to `clipPath`)

[softmarshmallow]

Using the raw svg data in JSX (react) will throw below runtime warning.

Warning: Invalid DOM property `clip-path`. Did you mean `clipPath`?

If the svg is inlined, it is a good practice to alter the property names to react tolerant keywords.

TODO

• Find a property name map (or hard code the logic?)
• Should this be handled by CoLI module?