Fix: Icons cant be on scale

[siddharthkp]

Discussed this one with Danny and realised that our icons can't be on the 4pt scale

Example:

The button that contains both these icons is the same size - 26x26, but the icons inside them have to be adjusted based how they look next to each other

Because of that, they can't always be 16. or even be on the 8/12/16 scale we have. We need more granular control of them

The ones in the image are 14x14 and 10x10 to look optically aligned. (both inside a 26x26 button)

• Changed the icon component
• updated all the components that use icon (backward compat lol)

Notes for future: It would be cool to optically align icons in the library so that there are less scenarios in which we need to optically align them. This can't be abstracted away fully because optical alignment depends on the context/neighbouring icons, so we'll always need this escape hatch 🙃

[lbogdan]

Build for latest commit 972dde4 is at https://pr3689.build.csb.dev/s/new.