Fix some reply layouting loops

resources/qml/ForwardCompleter.qml

@@ -56,7 +56,7 @@ Popup {
 
             eventId: mid
             userColor: TimelineManager.userColor(modelData.userId, palette.window)
-            width: parent.width
+            maxWidth: parent.width
         }
         MatrixTextField {
             id: roomTextInput

resources/qml/ReplyPopup.qml

@@ -32,7 +32,7 @@ Rectangle {
         eventId: room.reply ?? ""
         userColor: TimelineManager.userColor(modelData.userId, palette.window)
         visible: room && room.reply
-        width: parent.width
+        maxWidth: parent.width - anchors.leftMargin - anchors.rightMargin
     }
     ImageButton {
         id: closeReplyButton

resources/qml/TopBar.qml

@@ -285,7 +285,7 @@ Pane {
 
                             property var e: room ? room.getDump(modelData, "pins") : {}
 
-                            Layout.fillWidth: true
+                            maxWidth: pinnedMessages.width
                             //Layout.preferredHeight: height
                             eventId: e.eventId ?? ""
                             userColor: TimelineManager.userColor(e.userId, palette.window)

resources/qml/delegates/Reply.qml

@@ -24,6 +24,7 @@ AbstractButton {
     property string userName: eventId ? room.dataById(eventId, Room.UserName, "") : ""
     implicitHeight: replyContainer.implicitHeight
     implicitWidth: replyContainer.implicitWidth
+    property int maxWidth
 
     NhekoCursorShape {
         anchors.fill: parent
@@ -48,14 +49,11 @@ AbstractButton {
         eventId: r.eventId
         replyTo: ""
 
-        width: parent.width
-        height: replyContainer.implicitHeight
-
         //height: replyContainer.implicitHeight
         data: GridLayout {
             id: replyContainer
 
-            width: parent.width
+            width: r.maxWidth
             columns: 2
             rows: 2
             columnSpacing: Nheko.paddingMedium