fix(overview): Leaderboard may overflow for long name

Author: pan93412

assets/styles/app.scss

@@ -394,6 +394,7 @@ ul.credit {
       "hello-text          hello-text          hello-text   hello-text" auto
       "weekly-metrics      weekly-metrics      leaderboard  leaderboard" 1fr
       "historic-statistics historic-statistics leaderboard  leaderboard" 1fr;
+    grid-template-columns: 2fr 2fr 1fr 1fr;
   }
 
   &__hello-text {

templates/overview/cards/leaderboard.html.twig

@@ -12,7 +12,7 @@
         <tbody>
         {% for item in leaderboard %}
             <tr>
-                <th scope="row">{{ item.user.name }}</th>
+                <th scope="row">{{ item.user.name|u.truncate(24, '…') }}</th>
                 <td>{{ item.count }}</td>
             </tr>
         {% endfor %}