No emoji chatbar button on mobile

Hide the emoji button in the `chatbar` and don't instantiate the dialog component on mobile. This isn't needed on mobile as the virtual keyboard can add emojis. Should also save a small amount of memory on mobile from the dialog which is normally always instantiated.

src/qml/Component/ChatBox/ChatBar.qml

@@ -85,16 +85,17 @@ QQC2.Control {
 
             property bool isBusy: false
 
+            visible: !Kirigami.Settings.isMobile
             icon.name: "smiley"
             text: i18n("Emojis & Stickers")
             displayHint: Kirigami.DisplayHint.IconOnly
             checkable: true
 
             onTriggered: {
-                if (emojiDialog.visible) {
+                if (emojiDialog.item.visible) {
-                    emojiDialog.close()
+                    emojiDialog.item.close()
                 } else {
-                    emojiDialog.open()
+                    emojiDialog.item.open()
                 }
             }
         },
@@ -393,19 +394,22 @@ QQC2.Control {
         }
     }
 
-    EmojiDialog {
+    Loader {
         id: emojiDialog
-        x: parent.width - width
+        active: !Kirigami.Settings.isMobile
-        y: -implicitHeight // - Kirigami.Units.smallSpacing
+        sourceComponent: EmojiDialog {
+            x: root.width - width
+            y: -implicitHeight // - Kirigami.Units.smallSpacing
 
-        modal: false
+            modal: false
-        includeCustom: true
+            includeCustom: true
-        closeOnChosen: false
+            closeOnChosen: false
 
-        currentRoom: root.currentRoom
+            currentRoom: root.currentRoom
 
-        onChosen: insertText(emoji)
+            onChosen: insertText(emoji)
-        onClosed: if (emojiButton.checked) emojiButton.checked = false
+            onClosed: if (emojiAction.checked) emojiAction.checked = false
+        }
     }
 
     background: Rectangle {