refactor(app): refactor app dropdownmenu and inputfield for RTP

[ncdiehl11]

closes AUTH-109
closes AUTH-110

Overview

Modify style and functionality of DropdownMenu and InputField in app in preparation for runtime parameters. In future work, we will prepare these components for use in our shared components library.

Test Plan

InputField

ODD

• Navigate to Settings > Robot Name
• Add and remove characters, observing active + error states

Desktop

• navigate to a Flex Device Details page > Overflow menu in top right corner > Robot settings > Advanced > Rename Robot
• hover and click into input field
• type over 17 characters to observe active + error states

DropDown

ODD

• N/A

Desktop

• navigate to Labware tab in left of App
• locate Category filter on top left of page
• hover and click dropdown box and expanded menu items to observe styling and click behavior

Changelog

• update styling and css pseudoclasses for inputfield and dropdownmenu App components
• move styling logic away from component rendering the above components to the components themselves for future usability
• fix click behavior for both above components

Risk assessment

low

[jerader]

lgtm! left some small nits that are nonblocking

[koji]

Left a couple of comments on type.
Overall LGTM.
Thank you for doing the unification!