feat: new authentication

[sshanzel]

Changes

There are a lot of things going on as this is almost like a new feature. The core idea here is to revamp the authentication flow. We will have our modal as the primary way of logging in, which will have different variations, then we will also have a dedicated login page as v3 and v4.

There are a lot of newly introduced components but solely used in the authentication flow. I think it would be better to go through the code instead of explaining here since those are mostly container elements or forms.

TODO

• [ ] Dynamic import

Describe what this PR does

• Short and concise, bullet points can help
• Screenshots if applicable can also help

Please make sure existing components are not breaking/affected by this PR

Manual Testing

On those affected packages:

• [ ] Have you done sanity checks in the webapp?
• [ ] Have you done sanity checks in the extension?
• [ ] Does this not break anything in companion?

Did you test the modified components media queries?

• [ ] MobileL (420px)
• [ ] Tablet (656px)
• [ ] Laptop (1020px)

Did you test on actual mobile devices?

• [ ] iOS (Chrome and Safari)
• [ ] Android

DD-{number} #done

[sshanzel]

This should be ready for initial review. Only the base structure for the elements to display but none of the actual functions as it requires integration.

cc @rebelchris @kirillkurko