대화 참여자 리스트 virture scroll 적용.

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html

@@ -1,8 +1,8 @@
 <div fxLayout="column" class="rightDrawer-userlist">
   <div class="search-list">
-    <perfect-scrollbar class="room-user-scrollbar">
+    <cdk-virtual-scroll-viewport itemSize="60" perfectScrollbar fxFlexFill>
       <ucap-profile-user-list-item
-        *ngFor="let userInfo of userInfoList"
+        *cdkVirtualFor="let userInfo of userInfoList"
         [userInfo]="userInfo"
         [presence]="getStatusBulkInfo(userInfo) | async"
         [sessionVerinfo]="sessionVerinfo"
@@ -10,11 +10,9 @@
         (openProfile)="onClickOpenProfile(userInfo.seq)"
       >
       </ucap-profile-user-list-item>
-    </perfect-scrollbar>
+    </cdk-virtual-scroll-viewport>
   </div>
-  <div
-    class="btn-box"
-  >
+  <div class="btn-box">
     <button mat-flat-button class="mat-primary" (click)="onClickAddMember()">
       {{ 'chat.addMemberToRoom' | translate }}
     </button>