This will be a tracking ticket for the move.

Switch the component pattern library we use in the frontend from Ant to Material-UI.

All of our current components and layouts are based on ant. We'll need to find the equivalents of those in material, and resolve any feature discrepancies between the two. From my looking at it thus far, there's components that roughly match what we need to do, but we'll need to figure out data formats/handlers for these components. The way we organize our json data is also based on what ant expects, so we may need to reconsider some of that.

Components that need to be switched over, in rough order of effort:

• Table - Sorting seems to be there, but I think we'll need to implement our own filtering https://material-ui.com/api/table/#table
• Layout
  • Grid layout (Row, Col) - move to https://material-ui.com/layout/grid/
  • Sider - https://material-ui.com/demos/drawers/#drawer
  • Nav bar - move to https://material-ui.com/demos/app-bar/#app-bar
• Menu - https://material-ui.com/demos/menus/
• Form components - https://material-ui.com/demos/selection-controls/#checkboxes - note that these will need form validation
  • Autocompletes
  • Switch
  • Radio
• Modal - https://material-ui.com/utils/modal/
• Tooltip - https://material-ui.com/demos/tooltips/
• Spin (spinner) - https://material-ui.com/demos/progress/#progress
• Button - https://material-ui.com/api/button
• Icon - https://material-ui.com/style/icons/

Cleanup tasks:

• remove css that was there specifically to override ant