Refactor experiments

[Peter9192]

• Initiate experiments without output
• Combine default + custom experiment into a single "add experiment" button
• Add experiment always opens configuration form, and experiment is executed upon form submit; then output is updated

Also:

• Implement modify experiment functionality
• Implement duplicate experiment functionality
• Use async runner again, somehow that got messed up in merging previous PRs that were done in parallel.

Todo:

• I'm not loving the ModifyExperiment component, since it has the trigger inside it. That means the trigger is associated with a UI element (in this case the COG wheel). I'm not sure if/how it can be toggled from outside, e.g. by the addExperiment js function. Now, dialogs are open by default, it would be nicer if they would be closed by default.
• Also, we have lots of invisible dialogs, one for each trigger. I wonder if it would be nicer to have only one dialog but populate it with different settings depending on where it is triggered.
• Bit out of scope, but it would be nice if the timeseries plot is reactive, i.e. responds to updates in the experiments store.

Fixes #12

[sverhoeven]

TODO response

1. I changed the initial open to be when output is missing.
2. The dialogs that are not open are no part of the dom, they are only in js. Also the dialog component uses a portal. So what you are saying (reusing dom) is already happening.

[Peter9192]

2. The dialogs that are not open are no part of the dom, they are only in js. Also the dialog component uses a portal. So what you are saying (reusing dom) is already happening.

Cool, thanks! I didn't realize that.

[Peter9192]

Added flex wrap, refs #22

Not quite happy yet with the editable text: it should always focus on the input field when 'editing' is truthy. But I'm not sure we will keep it anyway, so not spending more time optimizing it.

Let's merge this and continue in follow-up PRs.