Pagination code added

[DrizzyOVO]

Fixes #2952

Changes: Added pagination to the sketches section.

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

p5.js.Web.Editor._.Pagination_pc.mp4

p5.js.Web.Editor._.Pagination_mobile.mp4

[release-com]

Release Environments

This Environment is provided by Release, learn more!
To see the status of the Environment click on Environment Status below.

• p5.js-web-editor
  • app-ted4d04.release.editor.p5js.org/
  • preview-ted4d04.release.editor.p5js.org/

🔧Environment Status : https://app.release.com/public/Processing%20Foundation/env-37b8332765

[DrizzyOVO]

@lindapaiste @raclim I apologize for closing the pull request I was facing some issues. Hope you guys review it. Thank you.

[raclim]

Thanks so much for your work on this, I'm sorry that it took a while to get here!

After giving it some thought, although we do want to implement pagination and it does work in the videos you've linked, I think the current setup follows client-side pagination. Ideally, I think we'd want to implement it on the server-side rather than the client to make loading and viewing the sketch list easier for users who have a large amount of sketches. In order to do that, I think that might require having the sorting and filtering happen on the server-side as well, which heavily changes the scale of this feature and might require some more research and changes to the design.

Since this is quite different from what we might want this feature to look like, I'm going to close this for now. I'm sorry that we couldn't get this in, but please feel free to revisit this issue and provide any thoughts if anything comes up!