Long text handling

[phixMe]

Problem

This pull request includes several changes to improve the user interface and enhance the handling of text truncation. The most important changes include adding tooltips for better readability, introducing a new text truncation function, and updating existing components to use this new function.

Checklist

• [ ] You've signed-off your work
• [ ] Your changes are accompanied by tests (if relevant)
• [ ] Your change contains a small diff and is self-contained
• [ ] You've updated any relevant documentation (if relevant)
• [ ] You've included a one-line summary of your change for the CHANGELOG.md (Depending on the change, this may not be necessary).
• [ ] You've versioned your .sql database schema migration according to Flyway's naming convention (if relevant)
• [ ] You've included a header in any source code files (if relevant)

[netlify[bot]]

✅ Deploy Preview for peppy-sprite-186812 canceled.

Name	Link
🔨 Latest commit	46a13d7eb1a0d2adb981668d7e397afc0b68417b
🔍 Latest deploy log	https://app.netlify.com/sites/peppy-sprite-186812/deploys/67194c99986ac9000866f1ce

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 81.16%. Comparing base (cd1138b) to head (46a13d7). Report is 1 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2942 +/- ## ========================================= Coverage 81.16% 81.16% Complexity 1506 1506 ========================================= Files 268 268 Lines 7363 7363 Branches 329 329 ========================================= Hits 5976 5976 Misses 1226 1226 Partials 161 161 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.