Refactor the buttons height to be auto #1366
Description
Chakra has the height of the buttons predefined to hardcoded values. This makes all the buttons look the same, but when we have long texts in these buttons, they simply don't behave as expected (either overflowing the text or breaking the website because the texts don't wrap).
Ideally, we should set all heights to auto in button.ts and make sure the resulting buttons are visually equal, playing with the paddings.
Note that by doing this, depending on where the button is located, will result in different styles anyway, which will require to add props here and there for these buttons that will now be visible different than what we had.