feat/HNG-17-success-page-for-magic-link

[oyin-systems]

Description

Closes #17

Changes proposed

What were you told to do?

Title: Authentication Page -> Success page for magic link #17
Acceptance Criteria:
Responsive across all screen sizes (desktop, tablet and mobile)
Write tests for your code.
Use components where necessary (header, footer, buttons, modal and so on)

What did you do?

I created a new page (Success.tsx) and made it available as a route. I also had to create header and footer components since it was needed to complete the page. Then I performed tests according to the instructions.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Screenshots/Videos

Desktop

Tablet

Mobile

Link to Figma File

Design

[psalm987]

the endpoint of the page should be /auth/login/email-link/success according to the routing guide, not /magic-link

[oyin-systems]

the endpoint of the page should be /login/email-link/success according to the routing page, not /magic-link

Yes, it is. the magic-link is the old one and I've deleted it. I already changed it to point to auth/login/email-link/success. Check the screenshot below:

[shalomtaiwo]

Good.