feat(wip): 前端, 以及編譯前端

TODO: 修復 webpack (in mian.ts)

client/ui/chat/MessageContainer.jsx

@@ -0,0 +1,18 @@
+/**
+ * 消息容器
+ * @returns { React.JSX.Element }
+ */
+export default function MessageContainer({ children, style, ...props } = {}) {
+    return (
+        <div style={{
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            ...style,
+        }}
+        {...props}>
+            {children}
+        </div>
+    )
+}