fix(svg-to-jsx): viewbox attribute must be viewBox in jsx

[NiniGeek]

What it does

Replace viewbox attribute in viewBox

Linear ticket

Resolves DEV-1088

[linear]

DEV-1088 [Parser | svg-to-jsx] Improvement

Message from Juul:

Thank you for the fix. It solves most of the issues, including those you didn’t understand. :)

I managed to make it work as I want to, however I feel like svg-to-jsx parser should do one more thing: replace kebab-case props with camelCased ones since former are not valid in React. Currently I have achieved that using replace parser, but it pollutes the config and is far from robust (see attachment).

The other issue is weird: we have two vectors that are not parsed into component correctly, this is "profile_outlined" and "profile_filled". For some reason the content is incorrectly inserted into the .tsx file, even though it looks fine in the output json file (see screenshot below).

vectors.json

.specifyrc.json