add new components for chat in shared

src/app/pages/chat/chat.page.html

@@ -1,22 +1,6 @@
-<ion-header>
-  <!-- <app-header></app-header> -->
-  <app-header-no-search></app-header-no-search>
+<ion-header class="ion-no-border">
+  <app-header></app-header>
 </ion-header>
-<!-- <ion-header  class="ion-no-border">
-  <ion-toolbar class="bg-blue">
-    <div class=" d-flex main-header">
-      <div class="title-content">
-        <div class="div-title">
-          <ion-label class="title">Chat</ion-label>
-        </div>
-        <div class="div-icon">
-          <ion-icon slot="end" (click)="newGroup()" src="assets/images/icons-chat-new-group.svg" ></ion-icon>
-          <ion-icon slot="end" (click)="selectContact()" src="assets/images/icons-chat-new-conversation.svg"></ion-icon>
-        </div>
-      </div>
-    </div>
-  </ion-toolbar>
-</ion-header> -->
 
 <ion-content class="height-100">
   <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
@@ -27,9 +11,10 @@
   <div class="main-content height-100">
 
     <div class="d-flex height-100">
+
       <!--  -->
-      <div class="d-flex flex-column justify-center">
-        <p class="text-center mt-0">Chat</p>
+      <div class="d-flex aside-wrapper flex-column pt-25 justify-center">
+        <p class="text-center mt-0 aside-title px-20">Chat</p>
         <ion-toolbar >
           <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
             <ion-segment-button value="Contactos">
@@ -96,7 +81,7 @@
       </div>
       <!-- -->
       <div class="d-none flex-1 aside-content height-100 overflow-y-auto pt-25">
-        NONE
+        <app-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.messages"></app-messages>
 
       </div>
     </div>