fix: Fix responsiveness classes and utilities to support style for screens below sm breakpoint

[cgero-eth]

Description

• Fix responsiveness classes and utilities to support style for screens below sm breakpoint
• Cleanup usage of shrink-0 class name

Type of change

• Bug fix (non-breaking change which fixes an issue)

Checklist:

• I have selected the correct base branch.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• Any dependent changes have been merged and published in downstream modules.
• I ran all tests with success and extended them if necessary.
• I have updated the CHANGELOG.md file in the root folder of the package after the [UPCOMING] title and before
  the latest version.
• I have tested my code on the test network.

[thekidnamedkd]

Looks good! I think anything circular needs the shrink help from what I've noticed.

Icon test id example (button):

<svg
    class="shrink-0 size-4 transition-all group-aria-disabled:text-neutral-300 text-neutral-0"
    data-testid="CHECKMARK"
/>

[thekidnamedkd]

The icons already have a testid on the SVG per file I believe? It's the name of the icon.

[cgero-eth]

Yess, it already works internally on the ods library because we transform svgs into React components with test-ids through the /core/test/svgTransform.js file. The data-testid is needed for applications using the ods library (app-next) because the svgs are bundled into the library and cannot be transformed as we already do on the library itself. Good point though 👌🏻