Logistration page redesign

[serhatgktp]

Description

Implemented the Login and Register pages from our Cognitive Class figma wireframe.

The empty buttons will be replaced with SSO buttons and the logo at the left-top will be replaced with the CC logo once we use tutor to host this rendition of the login/registration pages.

There are several snippets in the code marked with SN-TODO: that must be taken care of before deploying to production.

Zenhub

Issue #3423

How Has This Been Tested?

The changes are yet to be tested with tutor.

To run the build locally, do the following:

1. Install EdX Devstack (takes a while)

git clone https://github.com/openedx/devstack
cd devstack
make dev.clone
make dev.pull.frontend-app-authn
make dev.provision
make dev.up.frontend-app-authn    # Runs docker containers required to launch this module

2. Run frontend-app-authn locally

git clone https://github.com/ibm-skills-network/frontend-app-authn
cd frontend-app-authn
npm install
npm start

3. Visit localhost:1999

Screenshots/sandbox (optional):

Before:

After:

Merge Checklist

• If your update includes visual changes, have they been reviewed by a designer? Send them a link to the Sandbox, if applicable.
• Is there adequate test coverage for your changes?

Post-merge Checklist

• Deploy the changes to prod after verifying on stage or ask @openedx/vanguards to do it.
• 🎉 🙌 Celebrate! Thanks for your contribution.