refactor(app): replace RobotWorkSpace in DeckThumbnail with BaseDeck

[koji]

Overview

replace RobotWorkSpace with BaseDeck

• ChooseProtocolSlideout
• ProtocolCard
• ProtocolDetails
• ProtocolDetails for ODD

For LabwareInfoOverlay, the component requires runId since LabwareInfo uses runId for useLabwareOffsetForLabware.
useLabwareOffsetForLabware uses runId to get mostRecentAnalysis.

close RAUT-819

Test Plan

open the above components on Desktop app and Touchscreen app

Changelog

• update DeckThumbnail component and its test
• add a prop(protocolAnalysis) to the above 4 components

Review requests

Risk assessment

low

[codecov]

Codecov Report

Merging #13875 (a4b22fc) into edge (c15d30e) will decrease coverage by 0.01%.
Report is 15 commits behind head on edge.
The diff coverage is 65.71%.

Additional details and impacted files

@@            Coverage Diff             @@
##             edge   #13875      +/-   ##
==========================================
- Coverage   70.75%   70.75%   -0.01%     
==========================================
  Files        1629     2506     +877     
  Lines       54062    70592   +16530     
  Branches     3797     8653    +4856     
==========================================
+ Hits        38254    49946   +11692     
- Misses      15143    18531    +3388     
- Partials      665     2115    +1450     

Flag	Coverage Δ
app	68.54% <74.19%> (+24.97%)	⬆️
components	63.21% <0.00%> (-0.14%)	⬇️
labware-library	49.17% <ø> (ø)
protocol-designer	45.63% <ø> (+0.07%)	⬆️

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

Files	Coverage Δ
app/src/organisms/ChooseProtocolSlideout/index.tsx	75.00% <100.00%> (ø)
app/src/organisms/ProtocolDetails/index.tsx	42.85% <100.00%> (ø)
...rc/pages/OnDeviceDisplay/ProtocolDetails/index.tsx	62.93% <100.00%> (ø)
...pp/src/organisms/ProtocolsLanding/ProtocolCard.tsx	0.00% <0.00%> (ø)
...src/pages/OnDeviceDisplay/ProtocolDetails/Deck.tsx	66.66% <0.00%> (ø)
components/src/hardware-sim/BaseDeck/BaseDeck.tsx	0.00% <0.00%> (ø)
app/src/molecules/DeckThumbnail/index.tsx	77.77% <76.00%> (ø)

... and 875 files with indirect coverage changes

[brenthagen]

looks good so far, but we need to add liquid info also. we don't have an example BaseDeck implementation of liquids yet - will be similar to RAUT-821

[brenthagen]

with these changes, we should end up with a fairly simple <BaseDeck {...someProps} /> instance (with no children) in the render of DeckThumbnail

[brenthagen]

here we want to add the well fill to the nested labware - add a prop nestedLabwareWellFill to moduleLocations in BaseDeck

[brenthagen]

simliar, we want to add the well fill to the labware - add a prop wellFill to labwareLocations in BaseDeck

[brenthagen]

all of the children content here inside BaseDeck should not not be needed if we are processing moduleLocations and labwareLocations correctly above - we should be able to use

          const wellFill = getWellFillFromLabwareId(
            topLabwareId ?? '',
            liquids,
            labwareByLiquidId
          )
          const labwareHasLiquid = !isEmpty(wellFill)

in those two locations above with the added well fill props

[koji]

@brenthagen
updated code based on your comment and one question about labwareHasLiquid.
Do we need to add interactions that only exists in DeckView of SetupLiquidsMap?

[brenthagen]

i think no, we don't need to add liquid hover or click interactions to DeckThumbnail. so we won't need labwareHasLiquid in DeckThumbnail

[koji]

okay, thank you!

[brenthagen]

also, it would be a good idea to change the title of this PR to indicate it is only doing a replacement in DeckThumbnail

[brenthagen]

looks good, comments on slot labels and hover could be addressed in a follow on PR if wanted