add code to emojibutton component

packages/editor/src/components/CodeMirrorEditor/Toolbar/EmojiButton.tsx

@@ -1,31 +1,23 @@
 import React, { useState } from 'react';
 
+import Picker from '@emoji-mart/react';
 import { Modal } from 'reactstrap';
 
-import { getEmojiTranslation } from '~/components/Emoji/EmojiPickerHelper';
-
-import 'emoji-mart/css/emoji-mart.css';
+// import 'emoji-mart/css/emoji-mart.css';
 
 export const EmojiButton = (): JSX.Element => {
   const [isOpen, setIsOpen] = useState(false);
 
-  const onClickEmojiButtonHandler = () => {
-    setIsOpen(!isOpen);
-  };
-
-  const translation = getEmojiTranslation();
+  const toggle = () => setIsOpen(!isOpen);
 
   return (
     <>
-      <button type="button" className="btn btn-toolbar-button" onClick={onClickEmojiButtonHandler}>
+      <button type="button" className="btn btn-toolbar-button" onClick={toggle}>
         <span className="material-icons-outlined fs-6">emoji_emotions</span>
       </button>
-      <Modal isOpen={isOpen} toggle={setIsOpen(false)}>
+      <Modal isOpen={isOpen} toggle={toggle}>
         <Picker
           onSelect={emoji => console.log(emoji)}
-          i18n={translation}
-          title={translation.title}
-          emojiTooltip
         />
       </Modal>
     </>

packages/editor/vite.config.ts

@@ -50,6 +50,9 @@ export default defineConfig({
         preserveModules: true,
         preserveModulesRoot: 'src',
       },
+      external: [
+        'emoji-mart/css/emoji-mart.css',
+      ],
     },
   },
 });