feat(alert-view): enhance pagination component and update items per page logic

Author: mjabascal10

frontend/src/app/data-management/alert-management/alert-view/alert-view.component.html

@@ -154,7 +154,8 @@ <h5 class="card-title mb-0 text-uppercase label-header">
                               [pageSize]="itemsPerPage"
                               [rotate]="true"
                               [size]="'sm'"></ngb-pagination>
-              <app-utm-items-per-page (itemsInPage)="onItemsPerPageChange($event)"
+              <app-utm-items-per-page [itemsAmount]="itemsPerPage"
+                                      (itemsInPage)="onItemsPerPageChange($event)"
                                       class="ml-3">
               </app-utm-items-per-page>
             </div>

frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts

@@ -104,7 +104,7 @@ export class AlertViewComponent implements OnInit, OnDestroy {
   viewAlertDetail: boolean;
   totalItems: any;
   page = 1;
-  itemsPerPage = ITEMS_PER_PAGE;
+  itemsPerPage = ITEMS_PER_PAGE * 4;
   filters: ElasticFilterType[] = [
     {field: ALERT_STATUS_FIELD_AUTO, operator: ElasticOperatorsEnum.IS_NOT, value: AUTOMATIC_REVIEW},
     {field: ALERT_TAGS_FIELD, operator: ElasticOperatorsEnum.IS_NOT, value: FALSE_POSITIVE_OBJECT.tagName},