feat(ui-icons): add compare icon, include ai-colored icon in the index, improve svg to jsx conversion

[balzss]

INSTUI-4521
INSTUI-4563

this pr:

• adds the new compare icon
• replaces the 3rd party lib that was used to convert svgs to jsx with a local helper function
• removes the temporary workaround for the ai-colored icon
• updates the adding icons docs

test plan:

• check the new compare and ai-colored icon in the icon list (react, svg, and icon font format)
• check if the ai-colored examples still work in the button and heading docs
• read the new adding icons docs

[github-actions]

PR Preview Action v1.6.1
Preview removed because the pull request was closed.
2025-06-13 10:03 UTC

[joyenjoyer]

svg-to-jsx package should be removed from package.json if we don't use it anymore.

[joyenjoyer]

Please write a test for this function.

[balzss]

I agree we should test this, I've opened a ticket to add tests for the ui-scripts package

[matyasf]

This was a limitation with the old solution too, right?

[balzss]

probably yes, but it is definitely a "limitation" after this change

[HerrTopi]

As we discussed offline, the guide docs should be rewritten since it contains inaccurate and hard to understand information.
This will be done in: INSTUI-4593

Nice work nontheless!