UI Components of chat are added & Protocol service is modified

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html

@@ -0,0 +1,20 @@
+<div class="chat-messages">
+  <!-- MESSAGE -->
+  <div
+    *ngFor="let message of messages; let i = index"
+    class="message-row"
+    [ngClass]="{
+      me: message.who === user.id,
+      contact: message.who !== user.id,
+      'first-of-group': isFirstMessageOfGroup(message, i),
+      'last-of-group': isLastMessageOfGroup(message, i)
+    }"
+  >
+    <img *ngIf="" src="" class="avatar" />
+
+    <div class="bubble">
+      <div class="message">{{ message.message }}</div>
+      <div class="time secondary-text">{{ message.time | date: 'short' }}</div>
+    </div>
+  </div>
+</div>