#378 Emoji suggestions (#546)

* #378 add emoji suggestion

* #378 use lazy load for nodeEmoji

* #378 apply remark styles only for light theme

* #378 add dark theme

* #378 fix test

* #378 use permanent class names

*  #378 flip if else for readability

frontend/package.json

@@ -51,6 +51,7 @@
     "copy-webpack-plugin": "^5.1.1",
     "css-loader": "^3.2.0",
     "document-register-element": "^1.14.3",
+    "dotenv": "^8.2.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-preact-pure": "^2.1.0",
     "es-check": "^5.1.0",
@@ -63,6 +64,7 @@
     "file-loader": "^4.2.0",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^3.0.9",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^24.9.0",
     "jest-enzyme": "^7.1.1",
     "jest-extended": "^0.11.2",
@@ -94,11 +96,16 @@
   },
   "dependencies": {
     "@github/markdown-toolbar-element": "^1.1.0",
+    "@github/text-expander-element": "^1.0.1",
+    "@types/classnames": "^2.2.9",
+    "@types/node-emoji": "^1.8.1",
     "@webcomponents/custom-elements": "^1.3.0",
     "bem-react-helper": "^1.1.2",
+    "classnames": "^2.2.6",
     "core-js": "^3.2.1",
     "focus-visible": "^5.0.2",
     "intersection-observer": "^0.7.0",
+    "node-emoji": "^1.10.0",
     "preact": "^10.0.1",
     "react-redux": "^7.1.1",
     "redux": "^4.0.4",