Login pain points

[CBradsen]

Fixes #4 Login

Description

This moves the Log in and Sign up form to the first page that a user sees.
It also re-styles the Log in and Sign up form headers.
It reduces a click for the user and makes the process of both logging in and signing up more intuitive and streamlined.
The Login component is now called within Home.jsx

Checklist:

• I have manually tested my changes on desktop and mobile
• The test suite passes locally with my changes
• If my change is a UI change, I have attached a screenshot to the description section of this pull request
• My change is 300 lines of code or less, or has a documented reason in the description why it’s longer
• I have made any necessary changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• My PR is labeled [WIP] if it is in progress

Before

The words "Login and get started" confused some users who were signing up for the first time and did not have a login name and password.
When a user clicked on Login and get started they were taken to this page:

The header "Sign in" was more prominent when a user was on the Log in form and "Log in" was more bold when a user was on the Sign in form, leading to confusion for some users at the beginning.

These fixes make the log in and sign up process more intuitive and easier for the users, both new and returning.

Now

Next steps

• Fix spacing for the logo and headline.

Why we made this change

• It reduces the work a user must do to sign up or log in.
• The changes to the colors of the Login and Sign up header on the form allows a user to see which form they are on in a more intuitive way than before.