Collapsable+resizable sidebar. Standard view header component.

frontend/src/views/Chat.vue

@@ -4,6 +4,8 @@
     onMounted, onUnmounted,
   } from "vue";
 
+  import TitleBar from '../components/TitleBar.vue';
+
   import * as backend from '../backend';
   import * as ui from '../ui';
 
@@ -390,7 +392,9 @@
 
 <template>
   <main>
-    <h1>{{ chat.name || 'Chat #' + chat.id }}</h1>
+    <TitleBar>
+      <h1>{{ chat.name || 'Chat #' + chat.id }}</h1>
+    </TitleBar>
 
     <div class="messages-container" ref="chatContainerElem">
       <div v-for="msg in chatEntries" :class="chatEntryClass(msg)" @contextmenu.prevent="chatEntryContextMenu(msg)">