refactor(challenge): Use native function for truncating

Author: pan93412

templates/components/Challenge/CommentModule/Comment.html.twig

@@ -16,11 +16,7 @@
                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="關閉"></button>
                     </div>
                     <div class="modal-body">
-                        確定要移除「{{
-                        plainContent|length > previewCommentCharLimit
-                        ? plainContent|slice(0, previewCommentCharLimit) ~ '……'
-                        : plainContent
-                        }}」這則留言嗎？
+                        確定要移除「{{ plainContent|u.truncate(100, '……') }}」這則留言嗎？
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>

templates/components/Challenge/ResultPresenterModule/EventPresenter.html.twig

@@ -9,7 +9,7 @@
         <tbody>
         {% for event in this.events %}
             <tr key="{{ event.id }}">
-                <th scope="row" class="text-truncate"><code>{{ event.query }}</code></th>
+                <th scope="row"><code>{{ event.query|u.truncate(50, '…') }}</code></th>
                 <td>
                     {% if event.status == constant('\\App\\Entity\\SolutionEventStatus::Failed') %}
                         ❌