feat(app): pipette shell calibration flow

[jerader]

Closes RLIQ-219 RLIQ-126

Co-authored with @smb2268

Overview

This creates the shell for the pipette calibrate flow and wires it up to the pipette overflow menu and pipette card

Changelog

• create PipetteWizardFlows component - to be used as the parent component for all the ot-3 pipette flows
• create getPIpetteWizardSteps which grabs the steps needed for the calibration flow right now but will be used to grab the steps for the other flows later on
• create the types and constants for the PipetteWizardFlows work
• creates 4 components for each step in the calibration flow: BeforeBeginning, AttachStem, DetachStem, Result
• PipetteWizardFlows is wired up to PipetteOverflowMenu and PipetteCard.
• each component has a test file created
• create pipette_wizard_flows json file for i18n keys associated with the flows

Review requests

• in test.json in robot-server, change a pipette to a gen3 pipette. In the app, go to the protocol card and click on Calibrate Pipette Offset, click through the 4 pages in the flow by pressing on the next button. You shold be able to click through all pages and close the flow

Risk assessment

low

[codecov]

Codecov Report

Merging #11618 (9b50c33) into edge (7825a89) will decrease coverage by 0.03%.
The diff coverage is 23.25%.

@@            Coverage Diff             @@
##             edge   #11618      +/-   ##
==========================================
- Coverage   75.01%   74.98%   -0.04%     
==========================================
  Files        2059     2066       +7     
  Lines       57481    57522      +41     
  Branches     5999     6007       +8     
==========================================
+ Hits        43122    43131       +9     
- Misses      12950    12981      +31     
- Partials     1409     1410       +1     

Flag	Coverage Δ
app	75.16% <23.25%> (-0.18%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
app/src/assets/localization/en/index.ts	100.00% <ø> (ø)
...anisms/Devices/PipetteCard/PipetteOverflowMenu.tsx	100.00% <ø> (ø)
app/src/organisms/PipetteWizardFlows/index.tsx	5.00% <5.00%> (ø)
...anisms/PipetteWizardFlows/getPipetteWizardSteps.ts	25.00% <25.00%> (ø)
...pp/src/organisms/PipetteWizardFlows/AttachStem.tsx	33.33% <33.33%> (ø)
...c/organisms/PipetteWizardFlows/BeforeBeginning.tsx	33.33% <33.33%> (ø)
...pp/src/organisms/PipetteWizardFlows/DetachStem.tsx	33.33% <33.33%> (ø)
app/src/organisms/PipetteWizardFlows/Results.tsx	33.33% <33.33%> (ø)
app/src/organisms/Devices/PipetteCard/index.tsx	60.00% <40.00%> (-0.61%)	⬇️
app/src/organisms/PipetteWizardFlows/constants.ts	100.00% <100.00%> (ø)

[b-cooper]

nextStep reads as a noun here, so based on our naming conventions, I would expect it to be an object that contains the details of the next step.

We generally name functions with active verbs like proceed or proceedToNextStep, either of which seem clearer than nextStep

[jerader]

That makes sense, thanks Brian. I'll rename it to proceed. I will do so in this pr to avoid a bunch of merge conflicts since I made that branch off of this branch.

[b-cooper]

This is awesome ground work! It's shaping up to be a powerful abstraction 🔋