[Task](ui): create Login page templates

[edda]

Summary

Create templates that can be used to implement SignIn pages and views, and add these to storybook.

Task

Create page view templates that reflect the designs in Figma. These templates should demonstrate how to build a Sign In page using the appropriate ui-components such as SingInForm, Card, etc, as specified in Figma. It must be possible to view and copy JSX code for each template which correctly uses existing components.

Create a new section in storybook called "Templates", and within it a new page "Sign In Page", and add the page templates there.

Implementation Notes

Unfortunately, the current AppShell does nt support full height page views as we would need them for the Sign In pages, so the page templates should not reflect using the AppShell component (this will be resolved with a new version of AppShell, however the templates are needed earlier).

In the templates StyleProvider is needed, otherwise styling wouldn't be applied.

Dependencies

Depends on #1439

Visual Design / Figma

Figma

Acceptance Criteria

• A new page Templates / Sign In exists in storybook
• On that page, the Sign In views are visible as per the design in Figma
• On that page, the code for each template can easily be copied to be used in an application
• You have double-checked whether the copied code works and renders as expected when temporarily added to our example app (don't commit, it's a sanity check)