Implementing Pagination while rendering examples.

[DrizzyOVO]

Fixes #2952

Changes: I 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

https://github.com/processing/p5.js-web-editor/assets/99645553/a43b8eb0-3328-43b1-bf48-a70ab4d470da

[release-com[bot]]

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-tedc2d9.release.editor.p5js.org/
  • preview-tedc2d9.release.editor.p5js.org/

:wrench:Environment Status : https://app.release.com/public/Processing%20Foundation/env-ad16a6a8f5

[DrizzyOVO]

@lindapaiste what more design is expected? can you explain it please?

[lindapaiste]

@lindapaiste what more design is expected? can you explain it please?

The pagination buttons are a totally new design element so we need to put some thought into what we want them to look like. In my opinion the hot pink is too over-emphasized but I'm not a designer.

[DrizzyOVO]

@lindapaiste I've made a few changes. This ui makes it litter easier for users to navigate.

https://github.com/processing/p5.js-web-editor/assets/99645553/939c1c6d-f181-4449-b25b-571625a408a6

https://github.com/processing/p5.js-web-editor/assets/99645553/833fa842-c09a-4ab6-8247-af12aab627fb