create message component

modules/room/components/chat/Message.tsx

@@ -0,0 +1,16 @@
+import {socket} from "@/common/lib/socket";
+
+const Message = ({ userId, msg, username, color}: Message) =>{
+    const me= socket.id===userId;
+    return (
+        <div
+        className={`my-2 flex gap-2 text-clip ${me && "justify-end text-right"}`}
+        >
+        {!me && (
+            <h5 style={{color}} className="font-bold">{username}</h5>
+        )}
+        <p style={{wordBreak: "break-all"}}>{msg}</p>
+        </div>
+    );
+};
+export default Message;