fix(nc-gui): runtime directive warnings in EmojiPicker.vue

packages/nc-gui/components/general/EmojiPicker.vue

@@ -2,7 +2,6 @@
 import data from 'emoji-mart-vue-fast/data/apple.json'
 import 'emoji-mart-vue-fast/css/emoji-mart.css'
 import { Icon } from '@iconify/vue'
-
 import { EmojiIndex, Picker } from 'emoji-mart-vue-fast/src'
 
 const props = defineProps<{
@@ -21,6 +20,7 @@ const clearable = computed(() => {
 })
 
 const isOpen = ref(false)
+
 const emojiIndex = new EmojiIndex(data, {
   emojisToShowFilter: (emoji: any) => {
     if (Number(emoji.added_in) >= 14) {
@@ -78,6 +78,7 @@ const showClearButton = computed(() => {
 </script>
 
 <template>
+  <div>
     <a-dropdown v-model:visible="isOpen" :trigger="['click']" :disabled="readonly">
       <div
         class="flex flex-row justify-center items-center select-none rounded-md nc-emoji"
@@ -132,6 +133,7 @@ const showClearButton = computed(() => {
         </div>
       </template>
     </a-dropdown>
+  </div>
 </template>
 
 <style lang="scss">