DSN: Improve free trial sign up experience

## Goal
We would like to X which will improve Y as measured by Z.

### Jobs To Be Done
* **Situation**: *When a user wants to start a free trial...*
* **Motivation**: *They want to have an easy and seamless sign up experience...*
* **Outcome**: *So that they can start using our product quickly.*

## Page(s)
Which page(s) are involved in this request?
* [SaaS Free trial landing page](https://gitlab.com/-/trials/new?glm_content=free-trial&glm_source=about.gitlab.com)

## DCI
[DRI, Consulted, Informed](https://about.gitlab.com/handbook/people-group/directly-responsible-individuals/#dri-consulted-informed-dci)

- [ ] DRI: @jhalloran 
- [ ] Consulted: `@s_awezec` `@gdoud` `@jackib` `@mkarampalas` `@Tinaliseng` 
- [ ] Informed: `@kcomoli` 

## In scope
What is within scope of this request?

Suggestions that were moved to engineering:

1. Small update to the Country form field selector in order to keep a neutral stance on geo-politics
[Issue](https://gitlab.com/gitlab-org/gitlab/-/issues/349333#note_820089507) & [Figma](https://www.figma.com/file/NxDRjifeVhRIVPFrTzeQdg/Free-Trial-updates?node-id=135%3A15433)
1. Navigation change from "Login" to profile icon - [MR](https://gitlab.com/gitlab-com/www-gitlab-com/-/merge_requests/95836)
1. Login page Free Trial breakdown by date [Figma](https://www.figma.com/file/muPxDrFbQdLLI9SAj8EXUK/Free-Trial-CTA-on-Sign-Up?node-id=119%3A10040) & ENG Issue
1. Removed pre-filled username from form field

Suggestions that still need work:

1. "Just do it" best practice [suggestions 1-6](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/213):
   1. [ ] **Autofocus on the first field**
   1. [ ] **Use specialized mobile keyboards** - label textboxes: email (type=email), telephone numbers (type=tel), URLs (type=url), and numbers (type=num)
   1. [ ] **In line validation** - show the error as soon as the user has left the field (rather than on submit), and the error should be specific
   1. [ ] **Make labels clickable** - add the input element inside its respective label element
   1. [ ] **Let users see their password** - less onerous than requiring them to type it twice and allows the user to see if typed correctly
      * [Figma example](https://www.figma.com/file/NxDRjifeVhRIVPFrTzeQdg/Free-Trial-updates?node-id=44%3A6639)
   1. [ ] **Use button text to expose the value waiting for users on the other side** - Give the user context for their actions
      * On [registration page](https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com&glm_content=free-trial) change "Continue" to "Create account"
      * On [start free trial page](https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com&glm_content=free-trial) change "Continue" to "Start free trial"
1. "Just do it" best practice [suggestion 7](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/214)
   * **Replace Sign in/up with Login/Register**
1. "Just do it" best practice [suggestion 8](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/215)
   * **Move register option to top of login page and vice versa**
1. "Just do it" best practice [suggestion 9](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/216)
   **Remember typed values between password attempts** - If the user enters their password unsuccessfully, they should not have to retype their email again. If we allow the user to see their password (https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/213), don’t erase that either – they may want to check to see if they made a typo.
1. "Just do it" best practice [suggestion 10](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/217)
   * **Remember email on the “reset password" page**
1. "Just do it" best practice [suggestion 11](https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/268)
   * **Alternative suggested username** (without pre-filling the form field)

## Out of scope
What is out of scope and not part of this iteration?

- Free trial product experience

## Requirements
What are the requirements for this request? Checklist below is an example of common requirements, please check all that apply and adjust as necessary:

- [ ] Copy writing
- [ ] Illustration
- [ ] Custom Graphics
- [ ] Research
- [ ] Data / Analytics
- [x] UX Design
- [ ] Engineering

Story points: 2.0