[O2B-1521] Add pagination to QcFlagsForDataPass

Integrated the paginationComponent into QcFlagsForDataPassOverviewPage and passed the pagination model to the view.

WITHOUT tests.

Author: isaachilly

lib/public/views/QcFlags/ForDataPass/QcFlagsForDataPassOverviewPage.js

@@ -24,6 +24,7 @@ import { qcFlagsBreadcrumbs } from '../../../components/qcFlags/qcFlagsBreadcrum
 import errorAlert from '../../../components/common/errorAlert.js';
 import spinner from '../../../components/common/spinner.js';
 import { remoteDplDetectorUserHasAccessTo } from '../../../services/detectors/remoteDplDetectorUserHasAccessTo.js';
+import { paginationComponent } from '../../../components/Pagination/paginationComponent.js';
 
 const TABLEROW_HEIGHT = 35;
 // Estimate of the navbar and pagination elements height total; Needs to be updated in case of changes;
@@ -45,6 +46,7 @@ export const QcFlagsForDataPassOverviewPage = ({
         dplDetector: remoteDplDetector,
         items: remoteQcFlags,
         sortModel,
+        pagination: paginationModel,
     } = qcFlagsForDataPassOverviewModel;
 
     qcFlagsForDataPassOverviewModel.pagination.provideDefaultItemsPerPage(estimateDisplayableRowsCount(
@@ -101,6 +103,7 @@ export const QcFlagsForDataPassOverviewPage = ({
                         null,
                         { sort: sortModel },
                     ),
+                    paginationComponent(paginationModel),
                 ]),
             ],
             Loading: () => spinner(),

lib/public/views/QcFlags/Overview/QcFlagsOverviewModel.js

@@ -49,8 +49,8 @@ export class QcFlagsOverviewModel extends OverviewPageModel {
     /**
      * @inheritdoc
      */
-    getLoadParameters() {
-        return {};
+    async getLoadParameters() {
+        return await super.getLoadParameters();
     }
 
     /**