Extract all forms into their own component

Right now we have forms directly on the page, and we update the form fields by a call to `form.setValues`. This is problematic, as it makes `form.isDirty` not work correctly, as it only returns true if a field has been edited and is different from its `initialValue`.

The solution is to extract each form into a component. We can then in the parent component fetch the data and then pass the data as props, e.g. ``. We can then in the form component set the initialValues directly to the passed data.

Start by locating the page-level forms and their form.setValues calls, then identify each form that should become its own component. Pass the fetched data into those components and set initialValues from the props; done means form.isDirty correctly reflects edits across all extracted forms.

Written by the indexing model from the issue text.