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

TODO: 修復 webpack (in mian.ts)

client/ui/main/ContactsListItem.jsx

@@ -0,0 +1,16 @@
+import Avatar from "../Avatar.jsx"
+
+export default function ContactsListItem({ nickName, avatar }) {
+    return (
+        <mdui-list-item rounded style={{
+            marginTop: '3px',
+            marginBottom: '3px',
+            width: '100%',
+        }}>
+            <span style={{
+                width: "100%",
+            }}>{nickName}</span>
+            <Avatar src={avatar} text="title" slot="icon" />
+        </mdui-list-item>
+    )
+}