Improve scrolling in recently accessed courses block

Requirements

1. Please test on Chrome, Firefox, Safari, Edge, and IE11.
2. Please test on both the Boost and Clean themes

Test

1. Create a site with 15 courses
2. Enrol 2 users enrolled in all 15 courses
3. Enrol 1 user in only 2 courses
4. Log in as user 1 and view all 15 courses
5. View the dashboard
6. The recently accessed courses block should show you as many courses as can fit on the screen width, up to a maximum of 10 courses.
7. Increase and decrease the width of the browser (dragging the edges)
8. Open/close the nav drawer
   1. CONFIRM that the recently accessed courses block shows as many courses as can fit on the page
   2. CONFIRM that when the page can’t fit all courses that pagination buttons (left/right buttons) appear and can be used to view the courses not shown on screen
9. Log in as user 2 and view 4 of the courses
10. View the dashboard
11. Repeat the testing above
    1. CONFIRM that the paging buttons (left/right arrows) show/hide depending on whether all of the courses can fit on the screen or not.
12. Login as user 3 and view both courses
13. View the dashboard
    1. CONFIRM that the two courses are shwon in the recently access courses block
    2. CONFIRM that they are left-aligned

Regression checks

1. On the dashboard
2. Find a course in the course overview block that is visible in the recently accessed courses block and star it
3. CONFIRM that the little star shows up on the course in the recently access courses without having to reload the page
4. Reload the page
5. CONFIRM that the star is still there in both cases
6. Repeat the test but unstarring the course
7. Find a course in the course overview block that is visible but on the second page of recently access courses (i.e. you can view it with the left/right arrows)
8. Repeat the tests above and confirm that the course in the recently accessed courses updates based on the starred state in the course overview block