chore: Custom button component

[cimigree]

closes #16

Description

• Creates a button component that wraps Material UI's button
• Can take a MessageDescriptor or a react node
• Creates custom colors and custom variants to override Material UI's as specified in the ticket (though I don't know what color light is supposed to be)
• These customizations make it so we can't use material UI's color and variant, FYI
• I tried to use the styled() utility, but the outline on the outlined button WOULD NOT TAKE! Material UI kept overriding it.
• So, this Button uses the sx prop which seems to work
• Rounds the buttons which Material UI does not
• Customized the text appearance on the text button
• I added a variables file for the same colors that are in the mobile app
• Uses the new Button in the Home component
• Added an sx prop so that other styles can be passed in. See example in the Home component.

Instructions

• run the app
• Play around with the buttons in the Home component to see the possibilities.

Packages Added

Adds Material UI as requested in the ticket. https://mui.com/material-ui/getting-started/installation/

Screenshots