fix(UserImage): fix context menu placement

previously, the context menu would be randomly placed; now the image gets
access to its context menu and allows for placing it precisely, just like
it's done in UsernameLabel

ui/imports/shared/controls/chat/UserImage.qml

@@ -18,6 +18,7 @@ Loader {
     property string image
     property bool showRing: true
     property bool interactive: true
+    property var messageContextMenu
 
     property int colorId: Utils.colorIdForPubkey(pubkey)
     property var colorHash: Utils.getColorHashAsJson(pubkey)
@@ -49,7 +50,15 @@ Loader {
             sourceComponent: MouseArea {
                 cursorShape: Qt.PointingHandCursor
                 hoverEnabled: true
-                onClicked: root.clicked()
+                onClicked: {
+                    if (!!root.messageContextMenu) {
+                        // Set parent, X & Y positions for the messageContextMenu
+                        root.messageContextMenu.parent = root
+                        root.messageContextMenu.setXPosition = function() { return root.width + 4 }
+                        root.messageContextMenu.setYPosition = function() { return 0 }
+                    }
+                    root.clicked()
+                }
             }
         }
     }

ui/imports/shared/views/chat/CompactMessageView.qml

@@ -365,6 +365,7 @@ Item {
             image: root.senderIcon
             pubkey: senderId
             name: senderDisplayName
+            messageContextMenu: root.messageContextMenu
 
             onClicked: root.clickMessage(true, false, false, null, false, false, false, false, "")
         }