WIP of chat moderation menu, actions and modal

web/components/chat/ChatModerationActionMenu/ChatModerationDetailsModal.tsx

@@ -0,0 +1,27 @@
+import { Col, Row } from 'antd';
+import s from './ChatModerationDetailsModal.module.scss';
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+interface Props {
+  // userID: string;
+}
+
+export default function ChatModerationDetailsModal(props: Props) {
+  return (
+    <div className={s.modalContainer}>
+      <Row justify="space-around" align="middle">
+        <Col span={12}>User created</Col>
+        <Col span={12}>xxxx</Col>
+      </Row>
+
+      <Row justify="space-around" align="middle">
+        <Col span={12}>Previous names</Col>
+        <Col span={12}>xxxx</Col>
+      </Row>
+
+      <h1>Recent Chat Messages</h1>
+
+      <div className={s.chatHistory} />
+    </div>
+  );
+}