Redesign Setup Page

[enjalot]

The setup page is currently a scrollable list of steps that expand as the user progresses through the process. The goal is to make it more intuitive to navigate. A number of things may help this:

• Each step can have its own preview (currently a single preview updates for each step)
• Layout: should each step be the full page, with navigation back and forth in the process?
• Use a component library for controls (give consistent UX)
• SAE Support in Setup #57

A good amount of refactoring of the front-end code will be needed to support these:

• Integrate React Element Forge components
• Each step has it's own self-contained component with preview

Finally, when complete we will need to update documentation

• Update install and configure tutorial
• Update the your first scope tutorial

[enjalot]

Some notes from a new user's feedback:

• tried using an xlsx file, it didn't work but error wasn't clear
• not clear how to start a new dataset from setup (have to navigate home then add)
• confused on the process, expected to see clusters at the umap stage (progression is unclear)
• confused by which column is being embedded/clustered (not clear what the input is)
• unsure of how to proceed once the process is finished (not obvious to click the explore link at bottom)

[enjalot]

updating the tutorials will need to be a separate issue. Very proud of the redesign and refactor here!