feat: position emoji picker next to button group on the top

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

@@ -60,6 +60,10 @@ Rectangle {
             onClicked: {
                 isMessageActive = true
                 clickMessage(false, false, false, null, true)
+                messageContextMenu.x = buttonsContainer.x + buttonsContainer.width - messageContextMenu.width
+
+                // The Math.max is to make sure that the menu is rendered
+                messageContextMenu.y -= Math.max(messageContextMenu.emojiContainer.height, 56) + Style.current.padding
             }
             onHoveredChanged: {
                 buttonsContainer.hoverChanged(this.hovered)

ui/app/AppLayouts/Chat/components/MessageContextMenu.qml

@@ -11,6 +11,7 @@ PopupMenu {
     property bool isProfile: false
     property bool isSticker: false
     property bool emojiOnly: false
+    property alias emojiContainer: emojiContainer
 
     id: messageContextMenu
     width: messageContextMenu.isProfile ? profileHeader.width : emojiContainer.width