UI Touchups v2

[LucaHaverty]

Description

Made a new dropdown component that's similar to the input component and moved repeated style definitions into one place. These can be found in StyledComponents.tsx.

The new dropdown component now supports a default option, which can be used as follows:

<Dropdown
    defaultValue={"Option1"}
    options={["Option1", "Option2", "Option3", "Option4"]}
    onSelect={(val) => { }}
    label={"Dropdown Label"}
/>

Tasks

• Move repeated component definitions to StyledComponents.tsx.
• move all icons to StyledComponents.tsx.
• Remake the dropdown component

Merge brain config with manage assemblies, sequential joint config, intake config, ejector config, and possibly inputs (although inputs are cluttered enough as is). This might be big enough to be a separate PR
(Moved to a separate PR)

Images

Opened Dropdown

Feel free to request any other small UI changed you'd like on this PR!

Note

The bug with scroll views overflowing is fixed in #1063

JIRA Issue

[azaleacolburn]

LGTM

[a-crowell]

Great work! I love how organized the SynthesisIcons makes it.

[Dhruv-0-Arora]

Yum 😋