refactor(editor): 将工具栏配置从reactive改为ref并调整表情组件样式

将CustomEditor中的navs从reactive改为ref以提高性能
调整MeEditorEmoticon的样式，包括间距改为内边距、添加悬停背景色，并移除表情缩放效果

src/components/editor/CustomEditor.vue

@@ -57,7 +57,7 @@ const editorDraftStore = useEditorDraftStore()
 const indexName = computed(() => dialogueStore.index_name)
 
 // 工具栏配置
-const navs = reactive([
+const navs = ref([
   {
     title: '图片',
     icon: markRaw(Pic),

src/components/editor/MeEditorEmoticon.vue

@@ -186,16 +186,20 @@ const onSendEmoticon = (type: any, value: any, img = '') => {
       flex-wrap: wrap;
 
       .option{
-        margin: 7px;
+        padding: 7px;
+        border-radius: 4px;
+        &:hover {
+          background-color: #F2F2F2;
+        }
         :deep(.emoji){
           height: 22px;
         width: 22px;
         user-select: none;
         transition: all 0.5s;
 
-        &:hover {
-          transform: scale(1.5);
-        }
+        // &:hover {
+        //   transform: scale(1.5);
+        // }
         }
       }
     }