right-align reactions of right-aligned bubbles

resources/qml/Reactions.qml

@@ -19,8 +19,6 @@ Flow {
     property string eventId
     property alias reactions: repeater.model
 
-    anchors.left: parent.left
-    anchors.right: parent.right
     spacing: 4
 
     Repeater {

resources/qml/TimelineRow.qml

@@ -247,8 +247,11 @@ Item {
         anchors {
             top: row.bottom
             topMargin: -2
-            left: row.left
+            left: row.bubbleOnRight? undefined : row.left
+            right: row.bubbleOnRight? row.right : undefined
         }
+        width: row.maxWidth
+        layoutDirection: row.bubbleOnRight? Qt.RightToLeft : Qt.LeftToRight
 
         id: reactionRow