WS-1193: Added pagination to the active requests page

Screen_Recording_2022-09-07_at_2.07.25_PM

apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html

@@ -51,6 +51,13 @@
 
 <div>
   <app-filter-menu *ngIf="showFilterMenu" [state]="statesToFilter" [daStaff]="qaStaff['DA']" [aodStaff]="qaStaff['AOD']" [srdpStatus]="srdpOptions" [filters]="filters" (filterMenuEventEmitter)="emitFilterEvent($event)"></app-filter-menu>
+  <mat-paginator
+    [length]="(sortedActiveRequests$ | async)?.length"
+    [pageSize]="pageSize"
+    [pageSizeOptions]="pageSizeOptions"
+    (page)="changePage($event)"
+    >
+  </mat-paginator>
 </div>
 <table class="mr-2 ml-2 table table-bordered">
   <thead class="thead-light">
@@ -113,7 +120,7 @@
     </tr>
   </thead>
   <tbody>
-    <tr *ngFor="let request of sortedActiveRequests$ | async">
+    <tr *ngFor="let request of (sortedActiveRequests$ | async) | slice:pageStart:pageStop">
       <td>
         <button
           type="button"