fix(components, protocol-designer): fix word break in dropdown menu

[ncdiehl11]

Overview

According to designs, the main text for a dropdown option should be clamped to 3 lines maximum. In the event that only one option is produced in DropDownStepFormField, the line clamp should also apply to the returned styled text.

Closes RQA-3950

Test Plan and Hands on Testing

• import or create a protocol with multiple absorbance readers
• add an absorbance reader-compatible labware with very long name
• open a reader and move the labware to it
• create an absorbance reader step and verify that the dropdown menu shows the labware name with absorbance reader, and clamps at 3 lines

• repeat for a protocol with a single absorbance reader

Changelog

• fix line clamp style for dropdown option

Review requests

see test plan

Risk assessment

low

[koji]

checked the case Alex reported and the change worked as expected