fix(Chat): ensure transaction bubbles are render on the correct side

Fixes #1198

ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/TransactionBubble.qml

@@ -95,7 +95,8 @@ Item {
 
     id: root
     anchors.left: parent.left
-    anchors.leftMargin: appSettings.compactMode ? Style.current.padding : 48
+    anchors.leftMargin: isCurrentUser ? 0 : 
+      appSettings.compactMode ? Style.current.padding : 48;
     width: rectangleBubble.width
     height: rectangleBubble.height
 
@@ -109,6 +110,11 @@ Item {
         border.color: Style.current.border
         border.width: 1
 
+        anchors.right: isCurrentUser ? parent.right : undefined 
+        anchors.rightMargin: Style.current.padding
+        anchors.left: !isCurrentUser ? parent.left : undefined 
+        anchors.leftMargin: Style.current.padding
+
         StyledText {
             id: title
             color: Style.current.secondaryText