Manage course list pagination in dashboard

[BbrSofiane]

Expected Behavior

I've configured the platform to limit the number of courses displayed on the dashboard. This was mainly for me because I'm enrolled in a billion courses.

dt_devsetup

DASHBOARD_COURSE_LIMIT = 10

I would expect the 10 most recent courses to be displayed.

Current Behavior

Currently the follow API call returns the 10 oldest courses.

GET /api/courses/v1/course_ids/?role=staff&username=sofiane

HTTP 200 OK
Allow: GET, HEAD, OPTIONS
Content-Type: application/json
Vary: Accept

{
    "results": [
        "course-v1:DiceyTech+DT001+June_2021",
        "course-v1:DiceyTech+DT001+SCHOOL1092021",
        "course-v1:DiceyTech+DT002+3T2021b",
        "course-v1:DiceyTech+DT002+3T2021c",
        "course-v1:DiceyTech+DT002+June_2021",
        "course-v1:DiceyTech+DT002+Y10Computing_092021",
        "course-v1:DiceyTech+DT002+Y7Computing_092021",
        "course-v1:DiceyTech+DT002+Y7Computing_282021",
        "course-v1:DiceyTech+DT002+Y8Computing_092021",
        "course-v1:DiceyTech+DT002+Y9Computing_092021"
    ],
    "pagination": {
        "next": "http://local.overhang.io:8000/api/courses/v1/course_ids/?page=2&role=staff&username=sofiane",
        "previous": null,
        "count": 59,
        "num_pages": 6
    }
}

Possible Solution

TODO

Steps to Reproduce (for bugs)

1. Create more than 10 courses
2. Go to the dashboard MFE