fix(ui5-*): improve vertical alignment of inline web comps

[ilhan007]

Improve vertical alignment of inline web comps by forcing same vertical-align (vertical-align: middle in this case brought by FormComponents.css).

Before:

After

Changes

• RatingIndicator, Switch, CheckBox, RadioButton, DatePicker now use vertical-align: middle as the rest of the form components
• StepInput was the only input element with width: 100% falling on next line, all the rest can stay side by side
• Text use to behave as a block element, falling on next line, due to its display: -webkit-box; => changed to display: -webkit-inline-box; to behave properly

[ui5-webcomponents-bot]

🚀 Deployed on https://pr-12718--ui5-webcomponents-preview.netlify.app