Break message layouts out into separate compontents

src/components/messages/DebugEvent.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="statusEvent">Event: {{ event.getType() }}</div>
+</template>
+
+<script>
+import messageMixin from "./messageMixin";
+
+export default {
+  mixins: [messageMixin],
+};
+</script>
+
+<style lang="scss">
+@import "@/assets/css/chat.scss";
+</style>