Remove background color of emojiPicker modal

https://youtrack.weseek.co.jp/issue/GW-7799
- Add css class emoji-picker-modal
- Implement emoji-picker-modal to backdropClassName props

packages/app/src/components/PageEditor/EmojiPicker.tsx

@@ -1,8 +1,11 @@
 import React, { FC } from 'react';
+
 import { Picker } from 'emoji-mart';
 import i18n from 'i18next';
 import { Modal } from 'reactstrap';
+
 import { isDarkMode } from '~/client/util/color-scheme';
+
 import EmojiPickerHelper from './EmojiPickerHelper';
 
 type Props = {
@@ -85,7 +88,7 @@ const EmojiPicker: FC<Props> = (props: Props) => {
   const theme = isDarkMode() ? 'dark' : 'light';
 
   return (
-    <Modal isOpen={isOpen} toggle={onClose} onOpened={searchEmoji}>
+    <Modal isOpen={isOpen} toggle={onClose} onOpened={searchEmoji} backdropClassName="emoji-picker-modal">
       <Picker
         onSelect={selectEmoji}
         i18n={translation}

packages/app/src/styles/_on-edit.scss

@@ -384,3 +384,10 @@ body.on-edit {
     }
   }
 }
+
+/*
+Emoji picker modal
+*/
+.emoji-picker-modal {
+  background-color: transparent !important;
+}