fix: update layout classes for better responsiveness

[deleonio]

This pull request focuses on improving the layout consistency and simplifying styles across various React components and stylesheets. The most significant changes include replacing flex layouts with flex-wrap for better responsiveness, adjusting spacing between elements, and simplifying the style.scss file by removing unnecessary styles.

Layout improvements:

• Updated multiple components (BadgeBasic, BadgeButton, ButtonBaselined, LinkButtonAriaDescription, LinkButtonBasic, and TreeBasic) to use flex-wrap in their container div elements, ensuring better responsiveness and layout flexibility. [1] [2] [3] [4] [5] [6]
• Adjusted spacing between elements by changing gap values (e.g., from gap-4 or gap-14 to gap-2) for a more compact and consistent appearance. [1] [2]

Style simplification:

• Simplified the .indented-text style in style.scss by removing unused properties like font-family, border-left, and padding, leaving only a margin: 0 rule.

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