Use inline tags for messages

src/components/player/TextMessage.jsx

@@ -1,16 +1,14 @@
 import { h } from 'preact'
 
 export default function ({ style, text }) {
-  const defaultContent = (<span>{text}</span>)
+  const defaultContent = (
+    <span class={['message', style].join(' ')}>
+      {text}
+    </span>)
 
-  const content = ({
-    emptyLine: (<br />),
-    subheader: (<strong>{text}</strong>)
+  return ({
+    input: (<span class='message input'>&gt; {text}</span>),
+    subheader: (<strong>{text}</strong>),
+    endOfLine: (<br />)
   })[style] || defaultContent
-
-  return (
-    <div class={['message', style].join(' ')}>
-      {content}
-    </div>
-  )
 }