added dropzones for comments and node editors

src/components/input/DropHereIcon/index.tsx

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+import { SVGProps } from '~/utils/types';
+
+interface Props extends SVGProps {}
+
+const DropHereIcon: FC<Props> = ({ ...rest }) => (
+  <svg viewBox="0 0 24 24" stroke="none" {...rest}>
+    <path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z" />
+
+    <path
+      d="M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"
+      className={styles.arrow}
+    />
+  </svg>
+);
+
+export { DropHereIcon };

src/components/input/DropHereIcon/styles.module.scss

@@ -0,0 +1,8 @@
+@keyframes bounce {
+  0% { transform: translate(0, -5%); }
+  100% { transform: translate(0, 5%); }
+}
+
+.arrow {
+  animation: bounce alternate infinite 0.25s;
+}