chore: split content into content, system

src/components/common/messaging/MessageBox.tsx

@@ -228,7 +228,7 @@ export default observer(({ channel }: Props) => {
             );
             renderer.messages.reverse();
 
-            if (msg) {
+            if (msg?.content) {
                 // eslint-disable-next-line prefer-const
                 let [_, toReplace, newText, flags] = content.split(/\//);
 

src/components/common/messaging/SystemMessage.tsx

@@ -77,11 +77,8 @@ export const SystemMessage = observer(
             iconDictionary[data.type as API.SystemMessage["type"]] ??
             InfoCircle;
 
-        let children;
+        let children = null;
         switch (data.type) {
-            case "text":
-                children = <span>{data.content}</span>;
-                break;
             case "user_added":
             case "user_remove":
                 children = (