Refactor text overflow solution

Is your feature request related to a problem? Please describe.
At different places inside the source code it is necessary to render text that is overflowing the width by shortening it and displaying three dots '...' at the end/start instead of the full text.

This code is duplicated and the refactoring should provide a centralized way to handle this without duplicating code.

Additional context
Caught attention in PR #2350 for issue #2172

ファイルやテストは指定されていません。まず PR #2350 と issue #2172 を確認し、その後、ソース内で重複している text-overflow の処理を見つけてください。繰り返されている実装が、該当する端で省略記号を使ってテキストを短縮できる単一の中央集約されたソリューションに置き換えられれば完了です。