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 (Magicsuccess.tsx) and made it available as a route on the home page. I also had to create header and footer components since it was needed to complete the page and no one has worked on it. 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]

Send screenshots of responsiveness.

[oyin-systems]

Send screenshots of responsiveness.

Done. @psalm987