improved formatting for readability

frontend/src/components/Messages.vue

 <template lang="pug">
 .sidebar__messages
   h4.message__title {{ title }}
-  router-link(:to="'/chats/' + user.uid" v-for='user in users' :key='user.uid' :class="[uid == user.uid ? 'active' : '', 'sidebar__message', 'f-col', 'start']")
+  router-link(
+      :to="'/chats/' + user.uid" 
+      v-for='user in users' 
+      :key='user.uid' 
+      :class="[uid == user.uid ? 'active' : '', 'sidebar__message', 'f-col', 'start']"
+      )
     .f-row.start
       img(:src='user.avatar')
       .message__right.f-col

frontend/src/components/Sidebar.vue

 <template lang="pug">
 aside.sidebar.p-1
-    p messages
+    h3 Messages
     input
     label search
 
 export default {
     components: { messages }, 
     data: () => ({
-        title:'i am a title',
+        title:'Messages from Matches',
         uid: 111,
         users: [
             {