Use hidden over clip for text truncation (#26520) (#26522)

Backport #26520 by @silverwind

Avoid browser bugs:

- Firefox not cutting off -
#26354 (comment)
- Safari not showing ellipsis -
#26354 (comment)

Co-authored-by: silverwind <me@silverwind.io>

web_src/css/base.css

@@ -1301,7 +1301,7 @@ img.ui.avatar,
 }
 
 .ui .text.truncate {
-  overflow-x: clip;
+  overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;