Recent match card grows in size if team name is too long

[AdamMc331]

If the team name exceeds the width of a match card, it wraps onto a second line, and this changes the size of the entire carousel.

To avoid shifting all content on the screen, team names should be limited to one line. If the team name is too long, it should show an ellipsis overflow (Team na...).

[AdamMc331]

We can change the InlineIconText for this component to be a single line, and overflow with ellipsis, but now we lose the trophy icon at the end of the name.

In an ideal world, we would have both. Maybe the name truncates to something like "Long Team Na...[icon]"