fix(app,pd): Truncate long labware names

[mcous]

overview

The displayNames (and loadNames) in labware v2 tend to be much longer than those in v1, which means some of our less well constrained UI components are more likely to misbehave.

This fixes #3617 to ensure that wherever labware names get placed in the UI in the app and PD, they get truncated rather that wrap and cause weird display issues.

• App labware calibration
  • Side panel labware list
  • Calibration wizard title bar
• PD deck setup
  • Edit liquids + labware name title bar

changelog

• Truncate long labware names in App and PD
  • To do this, I had to edit <TitleBar> in the CL, so please test carefully
• Other related fixes enabled by ^ and the addition of labware v2 definitions to the app
  • Add tooltips to labware calibration list showing nickname
  • Pipette tip probe screen shows tiprack used by the pipette rather than a made up tip volume (closes Run App shows incorrect "suggested tip type" during calibration > tip probe #2444)
• Updated a couple example protocols in api to use new labware names so I could test
  • Ping @Opentrons/py

review requests

• App
  • App items listed above behave when using a v1 labware protocol
  • App items listed above behave when using a v2 labware protocol
  • All TitleBars in app behave regardless of if they are for labware
• PD
  • Edit liquids and name wizard truncates long names properly
  • All TitleBars in PD behave regardless of if they are for labware
• API
  • Test protocol updates are sane

[codecov]

Codecov Report

Merging #3644 into edge will increase coverage by 0.18%.
The diff coverage is 12.19%.

@@            Coverage Diff             @@
##             edge    #3644      +/-   ##
==========================================
+ Coverage   29.04%   29.22%   +0.18%     
==========================================
  Files         733      733              
  Lines       13278    13329      +51     
==========================================
+ Hits         3857     3896      +39     
- Misses       9421     9433      +12

Impacted Files	Coverage Δ
components/src/structure/TitleBar.js	100% <ø> (ø)	⬆️
...omponents/src/instrument-diagram/InstrumentInfo.js	100% <ø> (ø)	⬆️
components/src/modals/ModalPage.js	100% <ø> (ø)	⬆️
app/src/components/ChangePipette/index.js	0% <ø> (ø)	⬆️
app/src/components/CalibrationInfoBox.js	0% <ø> (ø)	⬆️
app/src/components/ReviewDeck/Prompt.js	0% <0%> (ø)	⬆️
...pp/src/components/FileInfo/ProtocolPipettesCard.js	0% <0%> (ø)	⬆️
...rotocol-designer/src/step-forms/selectors/index.js	22.9% <0%> (ø)	⬆️
...pp/src/components/CalibrateLabware/ConfirmModal.js	0% <0%> (ø)	⬆️
...p/src/components/CalibratePanel/PipetteListItem.js	0% <0%> (ø)	⬆️
... and 8 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ed6c2a7...b10a4af. Read the comment docs.

[IanLondon]

🔬 🐘

[Kadee80]

✂️ 🔬 🏷

[Laura-Danielle]

Protocol code looks fine