Re-introduce dynamic pagination in search result page
The objective is to re-introduce the pagination on the search result page.
Acceptance Criteria
Apply the agreed design https://cis-itn-oecd.github.io/Design-artefacts/demo/de-blueprint/search-results.html?. Use the Material UI pagination component to apply the design https://material-ui.com/.
The whole pagination feature is implemented at the bottom and right-hand side of the search result list.
The feature is composed of:
- arrows on the left side for going to previous and first page,
- arrows on the right side for going to next and last pages,
- the numbering in the middle with the possibility to edit the page number.
Clicking on the arrows or editing the number brings the user to the relevant page and at the top of it.
If the search result list is not more than the limit of one page, then the whole feature is not displayed.
If the user is viewing the first page, then the left arrow is greyed.
If the user is viewing the last page, then the right arrow is greyed.