add pipe component to filter array values

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

@@ -26,14 +26,14 @@
     </ion-refresher>
   <div class="main-content">
     
-    <ion-virtual-scroll [items]="users" approxItemHeight="70px" [headerFn]="separateLetter">
+    <ion-virtual-scroll [items]="users | filter:textSearch: 'name'" approxItemHeight="70px" [headerFn]="separateLetter">
   
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
 
       <div (click)="openMessages()" *virtualItem="let user" class="item-user">
-         <p>{{user.first}} {{user.last}}</p>
+         <p>{{user.name}}</p>
          <span class="icon">
           <ion-icon slot="end" name="ellipse"></ion-icon>
          </span>