Add Pagination to Collection List and Asset List View

Notes

This issue should be handled in two pull requests and treated as two separate issues:

• Add Pagination to Collection List
• Add Pagination to Asset List

Pull requests that combine these two will not be accepted.

Before starting your work, please comment below indicating which page you would like to work on, and a maintainer will assign the issue to you. We're approaching this by separating the issue into two PRs to help make debugging easier, prevent merge conflicts, and keep the review scope approachable.

Details

Recently, pagination has been added to the 'My Sketches' page to help users with a larger amount of sketches navigate through their projects more easily and reduce loading times for this page.

Adding pagination to the Collections and My Assets view would provide more consistency and help users with a large amount of collections or assets load these pages more easily and navigate through them as well, and potentially address issues such as https://github.com/processing/p5.js-web-editor/issues/3612, which explains:

Right now the editor shows “No sketches” while data is still loading. For large collections this can last several seconds or longer, making it look like all sketches are gone 😱

Suggestions to Start

• The pull request adding Pagination to the SketchList and AddToCollectionSketchList can be used as reference for integration pagination to the 'My Collections' and 'My Assets' pages.

Choose either the My Collections or My Assets page and comment to request maintainer assignment. Start by studying pull request #3846 for SketchList and AddToCollectionSketchList pagination, then trace the selected page's list implementation. Done means the chosen view paginates its items, loads large lists incrementally, and no longer shows an empty state while data is loading.