Update superadmin quota dialog with relative changes & presets

[emma-sg]

Closes #2824

Changes

• Refactors the superadmin quota edit dialog into its own component
• Uses a Data Grid for to display an editable table of quotas
• Updates the Data Grid with better generic typing¹ & a few more features (namely, min, max, and step props for number input types)
• Adds plan backend setup, including env variables, API endpoint, and use of this endpoint in the frontend
  • To use this, set available_plans to a JSON string matching the PlansResponse object type. If unset, the presets section will show a single "unset" preset.

Testing

This should be tested with both frontend and backend deployed with these changes, so you might want to test locally or deploy to dev.

Screenshots

Description	Screenshot
Open modal
Preset detail, showing disparity from current plan
Adding extra execution minutes
Subtracting execution minutes, with warning visible
Updating multiple values

Testing

All tested locally against dev.

Footnotes

1. We're pretty limited by Lit's lack of support for generics in element types, so there's a few errors from lit-analyzer that are a little tricky to get around, but iirc work is being done to get closer to this! So we might not need to switch to JSX for this to be supportable in the future. ↩

[emma-sg]

From Discord by @ikreymer:

the grid view is nice but a few questions:

• i think we want to just have increment for gifted and extra minutes, but not any of the other settings (concurrent crawls, page limit, or monthly minutes), those can be lowered seeing the diff is nice for all. not quite sure if it does that?
• do we actually want to hard code plan settings here? If we do add that, they should probably be configured on the backend, not in the frontend

[ikreymer]

Looks good! We may move the plans to a separate configmap/secret later, but this should be good for now!

[SuaYoo]

Have you tried a dropdown for presets? I personally find it easier to interact with than long button groups, it wasn't immediately clear to me that it can scroll horizontally.

[emma-sg]

Have you tried a dropdown for presets? I personally find it easier to interact with than long button groups, it wasn't immediately clear to me that it can scroll horizontally.

That's not a bad idea! I did want to have a bunch of the options visible initially, but I think you might be right, especially with the number of plans we've got currently. I'll give it a go!