Action message component

web/components/chat/ChatAction/ChatActionMessage.module.scss

@@ -0,0 +1,4 @@
+.chatAction {
+  padding: 5px;
+  text-align: center;
+}

web/components/chat/ChatAction/ChatActionMessage.tsx

@@ -0,0 +1,13 @@
+import s from './ChatActionMessage.module.scss';
+
+/* eslint-disable react/no-danger */
+interface Props {
+  body: string;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function ChatActionMessage(props: Props) {
+  const { body } = props;
+
+  return <div dangerouslySetInnerHTML={{ __html: body }} className={s.chatAction} />;
+}