Feat: updated pagination on list projects

[Pradip-p]

Description:

This PR updates the pagination response format for better clarity and consistency. The new response structure includes an empty results array and a pagination object with the following fields:

• If projects not found

{
  "results": [],
  "pagination": {
    "has_next": false,
    "has_prev": false,
    "next_num": null,
    "prev_num": null,
    "page": 1,
    "per_page": 10,
    "total": 0
  }
}

• If project:

{
  "results": [
    {
      "id": "33ca93f6-6ac4-4c91-9dc2-4d52cf14b021",
      "slug": "this-is-test-projects-041020240848",
      "name": "This is test projects",
      "description": "This is test projects",
      "per_task_instructions": "",
      "requires_approval_from_manager_for_locking": false,
      "outline": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              -69.841946,
              18.518616
            ],
            [
              -69.841946,
              18.510113
            ],
            [
              -69.830249,
              18.510113
            ],
            [
              -69.830249,
              18.518616
            ],
            [
              -69.841946,
              18.518616
            ]
          ]
        ]
      },
      "no_fly_zones": null,
      "total_task_count": 80,
      "tasks": [],
      "image_url": "http://minio:9000/dtm-data/projects/33ca93f6-6ac4-4c91-9dc2-4d52cf14b021/map_screenshot.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20241004%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241004T084822Z&X-Amz-Expires=18000&X-Amz-SignedHeaders=host&X-Amz-Signature=afb1d5e96515cc283726dc8b00d47c62eee26b67ae44ef66f71924a1658c8b8a",
      "ongoing_task_count": 0
    }
  ],
  "pagination": {
    "has_next": false,
    "has_prev": false,
    "next_num": null,
    "prev_num": null,
    "page": 1,
    "per_page": 10,
    "total": 1
  }
}

Changes Made:

• Updated pagination response structure in the API to include:
  • results: an empty array when no items are available.
  • pagination: an object detailing the pagination status and parameters.

[nrjadkry]

I think we dont need outline since we use map_screenshot, but instead we can pass centroid since frontend plots the centroid in map.
Also, We should merge this only after @suzit-10 implements this in frontend.

[suzit-10]

I've pushed the frontend changes required for this pagination and project search feature

• Update project listing logic as per the response
• Add UI and implement the pagination, the pagination includes features like going to a specific page number by input, clicking on the page number or clicking the next or previous button, select the rows per page.
• implement project search by project name
• Show only those projects on the map that are displayed on the project list.

Screenshot of project dashboard page :

[nrjadkry]

Fantastic @suzit-10 . I will merge this pull request and we can see them in the development server.