DEV 83 1/2: Update Footer to the new Design

[ApplePieAngel]

Merge notes: Will need to be merged with #73 at least. (Can ignore AppBar)

Description

The purpose of this change is to update the footer component to align with the new design created by the design team.

Reasons for changes:

• Non external links have been changed to useHistory in order to maintain userHistory when navigating pages
• Grid and CSS has been added to centralize the font/make the footer more responsive
• Donate doesn't actually redirect to any page yet, but was added as its displayed in the Figma design. (12/28/2022 Update) I've added unit test cases covering the links and copyright string to this PR.
• MUI palette colors doesn't play nice with unit tests. They always render as undefined and error out the tests. So I've converted it back to hardcoded values.

The reasoning behind my test cases styling is inspired from "Mastering React Test-Driven Development" by Daniel Irvine.

Related to DEV-83

Screenshots

Before

After

Type of change

Design Change

How Has This Been Tested?

Using Chrome Browser + Chrome Developer Tools to test various breakpoints. As well as manually clicking through links. Added and tested with unit tests to cover the components.

[ApplePieAngel]

As an update, I've updated all the Buttons to NavLinks. I've also added underlines under external links as I felt it wasn't clear to users if they were links previously.

[ApplePieAngel]

As another update, I know several months ago we talked about not liking how testing was currently done. I've done a lot of research (books, conference talks, articles, etc) and added unit tests for this PR as my recommendation and my proposal for how unit tests should look like going forward.

Edit: (12/30/2022): I'd love to abstract a lot of these tests as E2E tests, they might be better suited in Cypress or Playright.