[Feat] Add Pagination for Project Listing

[yashpandav]

Description

Currently, all projects are listed on a single page, which results in an excessively lengthy page. This impacts the user experience, making it harder to navigate and find specific projects.

Proposed Solution:

Implement pagination for the project listing page to display a limited number of projects per page. Allow users to navigate between pages seamlessly.

---

Feature Details:

1. Pagination Controls:

   • Add pagination controls (e.g., Previous, Next, and page numbers).
   • Ensure the controls are easy to use and responsive.

2. Page Size:

   • Limit the number of projects displayed per page (e.g., 10 projects per page).

3. Frontend Changes:

   • Update the project listing UI to support pagination.
   • Ensure the page layout remains consistent with the current design.

4. Responsiveness:

   • Ensure the pagination feature works seamlessly across all devices and screen sizes.

---

Acceptance Criteria:

1. Projects are displayed in smaller, paginated chunks (e.g., 10 projects per page by default).
2. Pagination controls are intuitive and responsive.
3. The overall user experience improves, and the page length is reduced.

---

If this looks good, please assign this issue to me and add the appropriate labels. I’ll make sure the pagination feature is implemented efficiently and aligns with the current application design.

Screenshots

No response

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)

[github-actions]

👋 Thank you @yashpandav for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[github-actions]

👋 Thank you @yashpandav for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!