refactored chat handling into chat view component

src/components/chat_message/chat_message.scss

@@ -104,7 +104,7 @@
     width: 100%;
   }
 
-  .outgoing {
+  .-outgoing {
     display: flex;
     flex-flow: row wrap;
     place-content: end flex-end;
@@ -118,12 +118,16 @@
     }
   }
 
-  .incoming {
+  .-incoming {
     .chat-message-menu {
       left: 0.4rem;
     }
   }
 
+  .-pending {
+    color: red !important;
+  }
+
   .chat-message-inner.with-media {
     width: 100%;