[Onboarding] Username screen

[joshuatbrown]

Clicking next on the Display name screen

Given that I am a user of Nos
When i click next on the Display name screen
Then I should be taken to the username screen
Where the Next button is disabled.

Designs:
https://www.figma.com/design/6MeujQUXzC1AuviHEHCs0J/Nos---In-Progress?node-id=9321-17726&t=hSPSHoNOgJDZa6mn-4

Clicking into the username field, highlights the field outline white.

Designs: https://www.figma.com/design/6MeujQUXzC1AuviHEHCs0J/Nos---In-Progress?node-id=9371-2365&t=hSPSHoNOgJDZa6mn-4

Entering an available NIP05

Given that I am a user of Nos
When I enter an available NIP05
Then the Next button should become active.

Designs:
https://www.figma.com/design/6MeujQUXzC1AuviHEHCs0J/Nos---In-Progress?node-id=9321-31826&t=hSPSHoNOgJDZa6mn-4

Entering an unavailable username

Given that I am a user of Nos
When I enter an unavailable NIP05
Then I should see an error in red that reads:
This username is not available
AND the username field should outline in red

Designs: https://www.figma.com/design/6MeujQUXzC1AuviHEHCs0J/Nos---In-Progress?node-id=9411-1137&t=hSPSHoNOgJDZa6mn-4