User display name overflows in timeline messages (#2767)

* User display name overflows in timeline messages

* Update screenshots

---------

Co-authored-by: ElementBot <benoitm+elementbot@element.io>

features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/sender/SenderName.kt

@@ -93,6 +93,7 @@ private fun RowScope.MainText(
         text = text,
         style = style,
         color = color,
+        maxLines = 1,
         overflow = TextOverflow.Ellipsis,
     )
 }
@@ -117,6 +118,7 @@ private fun RowScope.SecondaryText(
         text = text,
         style = style,
         color = MaterialTheme.colorScheme.secondary,
+        maxLines = 1,
         overflow = TextOverflow.Ellipsis,
     )
 }

features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/TimelineItemEventRow.kt

@@ -701,6 +701,7 @@ internal fun TimelineItemEventRowPreview() = ElementPreview {
         sequenceOf(false, true).forEach { isMine ->
             ATimelineItemEventRow(
                 event = aTimelineItemEvent(
+                    senderDisplayName = "Sender with a super long name that should ellipsize",
                     isMine = isMine,
                     content = aTimelineItemTextContent().copy(
                         body = "A long text which will be displayed on several lines and" +