fix: update layout classes for better responsiveness

[deleonio]

This pull request updates the layout structure of various components in the ChangeTabindex scenario by replacing the flex layout with a combination of grid and sm:flex. This change ensures better alignment for items, particularly aligning them to the bottom (items-end), and improves responsiveness.

Layout Updates for Components:

• Changed the layout container for multiple components (e.g., KolButton, KolButtonLink, KolCombobox, etc.) from flex to grid sm:flex with the addition of items-end for better vertical alignment. This affects components such as Button, ButtonLink, Combobox, InputCheckbox, InputColor, InputDate, InputEmail, InputFile, InputNumber, InputPassword, InputRadio, InputRange, InputText, LinkButton, Link, SingleSelect, SplitButton, and Textarea. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17]

The A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer:

• Meaningful pull request title for the release notes
• Pull request is linked to an issue and all changes relate to the issue
• Tests to protect this code implemented (if applicable)
• Manual test performed successfully (if applicable)
• Documentation or migration has been updated (if applicable)

[github-actions]

Netlify Draft Deployment
URL: https://6817aff72a4274f4f748ed5f--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/sites/kolibri-public-ui/deploys/6817aff72a4274f4f748ed5f