fix: update layout classes for better responsiveness

[deleonio]

This pull request updates the layout styling for various components in the ChangeTabindex scenario of the React sample application. It replaces the flex layout with a combination of grid and flex classes for better alignment and responsiveness. The changes affect multiple component groups, ensuring consistent styling across the application.

Layout Updates for Improved Responsiveness:

• Replaced flex with grid sm:flex and added items-end for better alignment in the following components:
  • KolButton, KolButtonLink, and KolCombobox [1] [2] [3]
  • KolInputCheckbox, KolInputColor, and KolInputDate [1] [2] [3]
  • KolInputEmail, KolInputFile, and KolInputNumber [1] [2] [3]
  • KolInputPassword, KolInputRadio, and KolInputRange [1] [2] [3]
  • KolInputText, KolLinkButton, and KolLink [1] [2] [3]
  • KolSingleSelect, KolSplitButton, and KolTextarea [1] [2] [3]

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://6817af93fdbe994a8f0bea1c--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/sites/kolibri-public-ui/deploys/6817af93fdbe994a8f0bea1c