Bugfixes on at-mentions and use images on emoji keyboard

public/static/css/bulma-prefers-dark.css

@@ -20,7 +20,7 @@
   }
 
   .has-background-at-mention {
-    background-color: rgb(50, 50, 0);
+    background-color: rgb(50, 50, 0) !important;
 }
 
   .tag.is-success {

src/App.vue

@@ -530,10 +530,12 @@ export default {
                 {
                     value: "all",
                     label: "All people in the current room",
+                    searchText: "all people in the current room"
                 },
                 {
                     value: "here",
                     label: "Everybody here in the current room",
+                    searchText: "all people in the current room"
                 },
             ];
             for (let user of this.whoList) {
@@ -541,6 +543,7 @@ export default {
                 result.push({
                     value: user.username,
                     label: user.nickname,
+                    searchText: user.username + " " + user.nickname,
                 });
             }
             return result;

src/components/MessageBox.vue

@@ -270,7 +270,7 @@ export default {
                     <div class="dropdown-content p-0">
                         <!-- Emoji reactions menu -->
                         <EmojiPicker
-                            :native="true"
+                            :native="false"
                             :display-recent="true"
                             :disable-skin-tones="true"
                             theme="auto"