fix(protocol-designer): fix slot details width and OT-2 deck view size

[koji]

Overview

fix slot details width and OT-2 deck view size

close AUTH-1505

Test Plan and Hands on Testing

OT-2

1. create or import an OT-2 protocol
2. go to edit protocol
3. check the followings
   for zoom, the zoomed slot size is the same as production/8.4.3

• starting deck
• zoom (clicking a slot)
• protocol steps

Flex

1. create or import a Flex protocol
2. go to edit protocol
3. check the followings
   for zoom, the zoomed slot size is the same as production/8.4.3

• starting deck
• zoom (clicking a slot)
• protocol steps

Changelog

Review requests

Risk assessment

mid

[codecov]

Codecov Report

Attention: Patch coverage is 86.90476% with 11 lines in your changes missing coverage. Please review.

Project coverage is 18.64%. Comparing base (624a265) to head (54b22d6).

Files with missing lines	Patch %	Lines
...rc/pages/Designer/DeckSetup/DeckSetupContainer.tsx	67.64%	11 Missing ⚠️

Additional details and impacted files

@@                    Coverage Diff                     @@
##           chore_release-pd-8.4.3   #17640      +/-   ##
==========================================================
+ Coverage                   18.62%   18.64%   +0.01%     
==========================================================
  Files                        2743     2744       +1     
  Lines                      211706   211737      +31     
  Branches                     6534     6538       +4     
==========================================================
+ Hits                        39439    39472      +33     
+ Misses                     172267   172265       -2     

Flag	Coverage Δ
protocol-designer	18.64% <86.90%> (+0.01%)	⬆️

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

Files with missing lines	Coverage Δ
...s/Designer/DeckSetup/HoverSlotDetailsContainer.tsx	100.00% <100.00%> (ø)
...col-designer/src/pages/Designer/DeckSetup/utils.ts	57.06% <100.00%> (+1.63%)	⬆️
...rc/pages/Designer/DeckSetup/DeckSetupContainer.tsx	73.20% <67.64%> (-0.96%)	⬇️

🚀 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.

[koji]

support 5 cases (except OT-2 Deck + Protocol Steps)

[koji]

the previous commit used fixed viewBox for OT-2 + protocol steps but it needed to pass additional prop to the component that made the component messy.

actually this is not a good way but it would be better to make the component messy and OT-2 + protocol steps has the container size limitation.
if you have any better idea, please let me know.