web/components: give Input the same size prop as Button master
Input only ever drew one height. It now takes size="sm", "md" or "lg" just like Button, and both land on the same heights: 32, 36 and 40 pixels. So an input and a button sitting next to each other line up. The text and the icons grow with the box as well. The only thing that does not copy Button is the side padding, which stays a little tighter, because a button centres its label and needs the room while an input's text starts against the left edge. That also keeps "md" looking exactly the way it looked before, so none of the inputs already in the app move. Two small fixes along the way. The inner field can now shrink, so in a narrow input the suffix and the loading spinner stay inside the border instead of spilling out over whatever is beside them. And the new size prop takes the place of the native size attribute, which sets a width in characters and was not used anywhere. Figma has no size variant for Button or Input, so Button's own code was the only thing to match here. Signed-off-by: eti <eti@eti.tf>