Project overview page

[robbertbos]

Context

With the feature to create new projects, we can have multiple projects in the Algorithm Management Toolkit. As a result, we need a page listing all the (demo) projects.

Currently, when you open the AMT, "project x" is the landing page. With the project overview page, we also get a new logical landing page.

Deliverable

1. Add a new route /projects/, which serves a page called Projects.
2. Add a static top nav item Projects that refer to the projects page
3. Sketch of the minimal version of the Projects page On this page you see:
   1. A list of project names arranged alphabetically.
   2. The list is marked as a Project List Component which will have no bullets for this list; it is just a list of links where the text is not underlined and with the default text font color.
   3. On each list item you can click on the project name, which will route you to the project page. It should be logical for a user to click on the project name. Also, because the user is on a page called Projects.
   4. By default, we display the first 100 projects. If there are more than 100 projects, we use infinite scrolling that automatically loads more projects.1. The text items on the page are translatable.

Implementation Notes

• We use offset/limit to query using SQL model
• We use the HTMX infinite scroll pattern https://htmx.org/examples/infinite-scroll
• We test the infinite scroll with a frontend test

[github-actions[bot]]

Welcome to our community :hugs: and thank you for your first contribution.

As a first time contributor please make sure to review our contribution guidelines :heart: