Invoice View Styling

[dhuangg]

Description

Styling the Invoice view to match the Figma. Currently the file is called "Payment Receipt" so just restyle this one and refactor it to "Invoice."

Todo's

• [ ] Follow figma for styling
• [ ] Refactor the Payment Receipt component to use the invoice query instead of payments

[dhuangg]

More todo Item's based on team's feedback

• [x] make the update invoice button secondary color on registration receipt view
• [x] hide the "Exit Parent" button on invoices view
• [ ] change the navigation highlight to "Invoices" when we're on a single invoice view
• [ ] change route to "/invoices/{invoice id}"
• [x] add bottom line separating the subtotal with registration (can be found on figma)
• [x] change color of the registration labels (e.g. student, course, etc.) to match figma
• [x] days remaining should align with subtotal
• [x] change course titles to be "h4"