Standardise interactive elements sizes

[alexdln]

We often have different sizes for elements, including in ready-made components. Would be helpful if we will support a standard set for interactive elements (buttons, inputs, selectors, groups)

Probably something like:

• 24 - 2xs
• 28 - xs
• 32 - sm (recommended minimal size)
• 36 - md (default and recommended)
• 40 - lg
• 48 - xl
• 56 - 2xl
• 64 - 3xl

Ideally, the dimensions should support the potential increase in text size. To do this, we also need to standardize the text sizes for each breakpoint and line-height (imo 1.2 might be good)

We need to change the styles of existing components and continue to support this as a standard (perhaps it is worth adding this to the documentation)