JAT-90 Create basic UI elements

[selinali2010]

Summary

This PR creates the UI elements for the presets bar according to the design in Figma. Functionality for actually creating/editing/deleting/loading presets is not implemented since the design for how to store that information has not yet been decided on.

Changes

• add preset bar UI elements according to Figma design
  • add input for typing a preset name, list of preset names, and 2 buttons for saving and loading presets respectively
  • create PresetListItem to allow for editing and deleting presets
• increase width of the app to fit the preset bar

Refactor

• create new IconButton component for consolidating icons into one reusable component
• refactor List component so it can be used for both the Dropdown and the list of presets

Screenshot

[xenown]

Since we expanded the width of the window, we need to make sure the graph makes use of the whole window width.

[h39s]

The error pops up in a couple weird cases

• When I create a bunch of presets, delete them all, then hit load on an empty preset menu
• When I create a bunch of presets, load one, delete the other, then hit load again while it looks like the loaded one is still selected

Its also weird that when I delete a preset, it shows up in the "Name" box until I select another preset. It seems like whenever a preset is deleted, the name gets copied to the "Name" input box as if its just been selected, but this happens before its actually deleted in the back end. So as long as the UI detects the deleted preset as being selected, I can keep hitting load and raising this error.

Some other QoL requests for the preset menu

• Save a preset on "enter" when a user is typing a name in the input box
• Load a preset in the menu upon a double click of the menu item