refactor: word breaks and truncation to tailwind

[JammingBen]

Also fixes some truncations that did not work before.

refs #937

Migration

• oc-text-truncate > truncate
• oc-text-nowrap > whitespace-nowrap

[Copilot]

Pull Request Overview

This PR refactors text truncation and word break functionality from custom CSS classes to Tailwind CSS utilities. It migrates oc-text-truncate to the standard truncate class and oc-text-nowrap to whitespace-nowrap, while also converting some custom CSS properties to Tailwind utilities for better consistency and maintainability.

Key changes include:

• Migration of custom truncation classes to Tailwind equivalents
• Conversion of CSS word-break and white-space properties to Tailwind utilities
• Addition of Tailwind @layer utilities for component-specific styling
• Removal of redundant CSS files and properties

Reviewed Changes

Copilot reviewed 62 out of 62 changed files in this pull request and generated 6 comments.

File	Description
Various snapshot files	Updated test snapshots to reflect new Tailwind class names
Component Vue files	Replaced oc-text-truncate with truncate and oc-text-nowrap with whitespace-nowrap
Style files	Added Tailwind @layer utilities and removed redundant CSS properties
Design system components	Updated core components to use Tailwind utilities

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[kulmann]

😁

[kulmann]

Found another one (icon is aligned to the left, the other views don't seem to have that though):