fix: allow up to 100 namespaces and sort them

[ciyer]

Some users have more than 20 namespaces. Increase the limit used when showing the namespace list in the project creation dropdown.

/deploy #persist #cypress

[RenkuBot]

You can access the deployment of this PR at https://renku-ci-ui-2606.dev.renku.ch

[lorenzo-cavazzi]

This works as advertised. Since it's intended as a quick fix, we can merge it as is.

Ideally, it would be nice to move the Namespace type to a definition file and parametrize both per_page and owned_only since we are touching that code already.

[rokroskar]

why not use pagination properly? This is just going to break for someone else later.

[ciyer]

why not use pagination properly? This is just going to break for someone else later.

Because this allows us to get a quick fix for the immediate problem, but longer-term, then UX for this component really needs to be rethought.

Currently, we assume that users have a small number of namespaces they can access, and we show them a full list of their namespaces.

If the user has access to so many namespaces that pagination is necessary, this component will be unusable anyway. Instead, we need to do something like show a list of likely namespaces the user might want to pick (for example, recently accessed ones), but let them type input, search against that and show them a list of matches, which they can pick from.

[lorenzo-cavazzi]

I suggest merging this as is since it's just a quick fix and users have asked for it.
As a side note, text from the user is already used for filtering the namespaces.

We can definitely improve the logic but I would like to explore a more comprehensive solution for pagination that we can reuse for similar cases. The React Toolkit library we are using doesn't provide an out-of-the-box solution but suggests a way (REF).

In general, the solution should make it easy to assess at any point whether some items have already been fetched and whether more are loading. In this case, after fetching the first page, we can let the user pick a namespace already and show a loading wheel to let the user know we are still loading more items.
I'll make a follow-up issue.

[RenkuBot]

Tearing down the temporary RenkuLab deplyoment for this PR.

[lorenzo-cavazzi]

Follow-up issue: #2618
Comments are ofc welcome 😉