Add Read-Only Project View, Add Username to Projects Table

[mgdaily]

This PR adds an "inspect" button to the projects table, which opens up a read-only view of the CreateProjectForm, pre-populated with the data that needs to be displayed.

RightAscensionInput/DeclinationInput/ProjectSitesSelector:

• Add "disabled" prop so the underlying input fields may be disabled

CreateProjectForm

• Go through and conditionally disable each input/field/checkbox if the form is read-only
• Adjust the props to have defaults so we can set read-only to false by default

UserProjectsTable

• Add "inspect" button to table row, which fetches the project, saves whatever is currently entered into the form into the store to be reloaded after the inspector is closed, and emits an inspect-project signal along with the project data for the so the parent SiteProjects component can pop up and render the modal.
• Add username as column, make sortable

SiteProjects

• Add modal that is hidden by default, but will be shown and render a read-only CreateProjectsForm, with all data from the project that has been selected for inspection.

project_params store module

• Add a draft_project_params store variable to hold the draft of the project that's been entered into the project form prior to the user clicking "inspect," so that they may be re-loaded when the user closes the inspection tab. Unfortunately the CreateProjectForm is tightly coupled to the vuex store and whenever we render a new instance of that component, it overwrites the data in the project_params module of the store - so we need to keep a history of anything that was entered into the form, if the user had done that.
• Add actions to both save and re-load a project draft from the store.

Video!

Screen.Recording.2024-02-15.at.11.24.33.AM.mov

[mgdaily]

In order to restore the state from the draft_project_params, we need to loop through every attribute in the draft params and set the corresponding state variable.

[mgdaily]

When the new CreateProjectForm is rendered with project data, it re-writes the current project data in the store, so we need to first save off anything that has been entered before we destroy it, so we can load it back later!

[mgdaily]

Here we default the localDec value to the prop that was passed in - I was having an issue when I was re-rendering the component, the dec wasn't displaying even though the value was being passed. So set the default to the value passed in. (I had to do the same with the RightAscensionInput)

[LTDakin]

Like the reuse of the form component, and how closing the inspection reloads from drafts. Lgtm

[capetillo]

beautiful! also thank you for the video, that's very helpful : )