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

Backport #26520 by @silverwind

Avoid browser bugs:

- Firefox not cutting off -
https://github.com/go-gitea/gitea/pull/26354#issuecomment-1678456052
- Safari not showing ellipsis -
https://github.com/go-gitea/gitea/pull/26354#issuecomment-1678812801

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;