fix(app) fix LabwareSlot layout in the Second window

[koji]

Overview

fix LabwareSlot layout in the Second window

in terms of logic, I will create hooks after DQA.

close RQA-4882 since it requires to update all components for the Second window

Test Plan and Hands on Testing

• select a protocol
• click visualization button
• click a slot that has a labware

Changelog

• create a new component LabwareSlot for the second window and add its test
• update the spotlight rendering strucutre to make mantainance easier

List changes introduced by this PR considering future developers and the end user. Give careful thought and clear documentation to breaking changes.

Review requests

Risk assessment

low

[codecov]

Codecov Report

❌ Patch coverage is 78.34395% with 68 lines in your changes missing coverage. Please review.
✅ Project coverage is 57.08%. Comparing base (a6255d4) to head (dc7346e).
⚠️ Report is 3 commits behind head on edge.

Files with missing lines	Patch %	Lines
...esktop/ProtocolVisualization/SlotDetails/index.tsx	0.00%	36 Missing ⚠️
...olVisualization/SecondWindow/LabwareSlot/index.tsx	80.00%	29 Missing and 2 partials ⚠️
.../src/secondary-windows/step-detail-viewer/index.ts	0.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##             edge   #20332       +/-   ##
===========================================
+ Coverage   25.57%   57.08%   +31.50%     
===========================================
  Files        3636     3642        +6     
  Lines      302862   303997     +1135     
  Branches    42331    42906      +575     
===========================================
+ Hits        77449   173522    +96073     
+ Misses     225389   130244    -95145     
- Partials       24      231      +207     

Flag	Coverage Δ
app	46.42% <78.34%> (+45.50%)	⬆️

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

Files with missing lines	Coverage Δ
...dWindow/LabwareSlot/＿＿tests__/LabwareSlot.test.tsx	100.00% <100.00%> (ø)
.../src/secondary-windows/step-detail-viewer/index.ts	0.00% <0.00%> (ø)
...olVisualization/SecondWindow/LabwareSlot/index.tsx	80.00% <80.00%> (ø)
...esktop/ProtocolVisualization/SlotDetails/index.tsx	2.22% <0.00%> (+2.22%)	⬆️

... and 1858 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.