feat(protocol-designer): add step names to protocol steps and disable overflow menu buttons

[ncdiehl11]

Overview

This PR addresses two major tasks: 1) adding the step name above deck map in ProtocolSteps component, and 2) appropriately disabling buttons from step overflow menus when appropriate. Namely, when a step is in editing, its overflow menu should not permit viewing details (for transfer and thermocycler profile steps). When a step form has unsaved changes, its overflow menu should not permit duplication. If batch edit is open, neither steps's overflow menu should permit batch duplication. Deletion is available in any scenario. Also, the opening of a step form edit toolbox takes priority over step details toolbox.

In addition, I pass the zIndex prop for Toolbox only if it is of position fixed.

Closes AUTH-878, Closes AUTH-880

Test Plan and Hands on Testing

overflow menu

Screen.Recording.2024-10-22.at.4.45.50.PM.mov

• create or upload a protocol with multiple transfer steps
• open a transfer step overflow menu and select 'view details'. Verify that the step details toolbox opens
• with details open, open the step's overflow menu again, select "edit step". Verify that the stepform edit toolbox opens and replaces the step details toolbox
• with edit toolbox open, open the step's overflow menu again. Verify that only "duplicate step" and "delete step" options are enabled
• modify any field in the edit toolbox, open the step's overflow menu again. Verify that only "delete step" option is enabled
• close this toolbox and control+click two transfer steps to open batch edit toolbox
• verify that "duplicate steps" and "delete steps" options are enabled
• modify any field in the batch edit toolbox, open the step's overflow menu again. Verify that only "delete steps" option is enabled

step names

• select or hover any step
• verify that the steps default or custom name displays above the deck map

Changelog

• add step names
• update logic for disabling overflow menu items
• add tests
• fix small styling throughout ProtocolSteps sub components

Review requests

see test plan

Risk assessment

low

[koji]

lgtm