:recycle: clearing pu some layout for homepage and sidebar

frontend/src/shared/Sidebar.vue

@@ -1,17 +1,22 @@
 <template lang="pug">
 aside.sidebar__messages
-    h4.message__title {{ title }}
+    h1 messages
+    input
+    label search 
     router-link(
         :class='[uid == user.uid ? "active" : "", "sidebar__message"]'
         :key='user.uid'
         :to='`/chats/${user.uid}`'
         v-for='user in users'
     )
+        h4.message__title {{ title }}
         .message__left
-            p avatar and status
+            p avatar picture
+            p status doot
         .message__right
             h4.message__name {{ user.name }}
             p.message__content {{ user.metadata.rawMetadata || "Hello!" }}
+        hr
 </template>
 
 <script>
@@ -22,14 +27,14 @@ export default {
             uid: 111,
             users: [
                 {
-                    name: 'sample',
+                    name: 'bob mcrob',
                     uid: 111,
-                    metadata: { rawMetadata: 'rawmeta' },
+                    metadata: { rawMetadata: 'howdy howdy howdy' },
                 },
                 {
-                    name: 'usample',
+                    name: 'rob bebob',
                     uid: 112,
-                    metadata: { rawMetadata: 'morerawmeta' },
+                    metadata: { rawMetadata: 'this is the last message' },
                 },
             ],
         }

frontend/src/views/Chats.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-#chats
+article#chats
     .content-wrapper
         .content
             section.msger

frontend/src/views/home.vue

@@ -1,8 +1,10 @@
 <template lang="pug">
 article#home
-    main-header
-    profile-cards(:uid='uid' :users='swipables')
-sidebar
+    .content-wrapper
+        .content
+            main-header
+            profile-cards(:uid='uid' :users='swipables')
+    sidebar
 </template>
 
 <script>
@@ -44,4 +46,7 @@ export default {
 </script>
 
 <style lang="postcss">
+#home
+    display: flex
+    flex-direction: row-reverse
 </style>