feat(components): create new LabwareStackRender component

[ncdiehl11]

Overview

According to new modal designs for labware/adapter/module stacks on desktop and ODD, we need to render an isometric view of each element of the stack, maintaining the topography of each stacked element. The isometric views are constructed by transforming and aligning the labware SVG (top face) along with two new rects (front and left side). All three are scaled, skewed, and rotated at 30˚ angles or its derivatives (reference).

The "bottom" labware definition is an optional prop, so we have an affordance for rendering an isometric view of a single labware from the same component. The user can choose to highlight both or none of the labware in the stack, resulting in a fill of blue30.

In addition, adapters are handled in the following way:

• If the adapter is used as the top definition and there is no bottom definition, we render the non-transformed LabwareAdapter svg
• if the adapter is used as the bottom definition, we render the isometric transform of the well-less adapter face. NOTE In this PR, the adapter's height is maintained, but we may also consider setting the height for a bottom adapter as a constant, rendering a standard-height rectangular prism with well-less face.

Closes PLAT-374, PLAT-377, PLAT-394, PLAT-375

Test Plan and Hands on Testing

Difficult to test immediately without new clickable stack on deck map.

Changelog

• create new isometric view LabwareStackRender component with precedent set from LabwareRender component
• modify props for LabwareOutline, Well, and StaticLabware to accommodate optional fill color (for optional blue highlight in LabwareStackRender)

Review requests

Please check code logic and smoke test instances of LabwareRender on App and PD. I can make changes to the render once the stack modal is ready.

Risk assessment

Low-Medium. LabwareStackRender is not yet implemented anywhere, but peripheral components touched by this PR are used extensively across our applications, but the changes are minimal

[brenthagen]

Could we add something in storybook for this?

[smb2268]

Code changes all look good! Nice work figuring out all of the projection calculations 🤩 I agree we should add a story for this, but fine with me if you put that in a diff PR to prioritize everything for the merge deadline!