[TP/Browsing experience:] Implement pagination for the Browse Jobseekers page

[fortini]

Context/background

Our browsing pages have become increasingly slow because of a large number of jobseekers/job listing cards that impact page load times and overall performance, especially for low-powered devices or slower internet connections.

Why are we doing this?

We want to allow users to access and interact with the content more efficiently while maintaining optimal page load times. By implementing pagination, we will limit the number of cards loaded simultaneously and reduce the initial load time. Also, pagination will enhance the overall user experience as it provides a more organized and focused browsing experience and simplifies navigation on a page.

What needs to be done?

• [x] For the Browse Jobseekers and Browse Job Listings pages, design a solution for pagination, breaking down the content into smaller, more manageable chunks (for example, 12 or 24 jobseeker cards per page for a desktop layout). Consider desktop, tablet, and mobile layouts.
• [x] Frontend: Implement the pagination for the Browse Jobseekers page for desktop, tablet, and mobile layouts according to the design
• [ ] Backend: Implement the pagination for the Browse Jobseekers page

UI/UX design assets/specification

Make sure to follow the existing design system and guidelines.

UX/UI Design file

Here is the design file. If you have any questions, please reach out to @ligiamxm

[kdanilyants]

From the Design Hour on May 8th @fortini is there a performance problem we are trying to solve or a purely usability problem? IF it is a usability problem and we know for sure that pagination is the solution to it, then we need to give a choice to the users how many items (20, 50, all) they want to see IF it is a performance problem, then we need to understand the loading issue first before implementing either smaller cards or reducing the number of items on a page. We also need to know if it applies to all listings we have or a particular page.

[fortini]

According to the dev team, it is a performance problem. So, I suggest to have this discussion onboard in our weekly meeting.

[astkhikatredi]

Update here: for now we will implement only the pagination of job seekers. Please note that there is a similar ticket for Connect - [CON/Find A Mentor:] Implement pagination #758. Thank you!