Pagination error for "verified" employees

[ghost]

Pagination error for "verified" employees

Issue:

On the "Talent Search" page, you can see three main buttons to filter employee results: "Rejected, "Verified", and "Unverified."
If you click the "Verified" button, you will see limited results (maybe 1- 5 results). This is incorrect since you should be able to see a long list.

If you start clicking the "pagination" buttons at the bottom, you will see that the results start to expand, almost as if they were hidden at first, and you unlock more with each button click.

The verified tab should show a long list of employees, without the need to start clicking the pagination buttons. The buttons should only help the user to see more results that don't fit the initial page. Right now, they are needed to fill the initial page in the first place.

For reference, the code for this issue exists between lines 244 and 419 of /workspace/employer-web-client/src/js/views/talents.js.

Solution:

A developer should make it so that the initial page of the "Verified" tab shows as many results as possible. Then, make it so that the buttons show extra results that didn't fit on the initial page.

Solution Steps:

1. Investigate how the initial page displays the list of employees, and what filters is it using.
2. Investigate how the pagination buttons are being triggered and how are they connected to the list being displayed.
3. You can use CodeSandbox to replicate some data and test the pagination issue in an isolated manner.
4. Once finished, run all the tests provided in the repo to make sure that your integration was successful
5. Create a pull request so that your code can be evaluated by the Lead Developer before deployment.
6. Keep an eye out for any new bugs that arise after the change is deployed to the code.