[Afterwork] Basic onboarding pages

[nicobao]

This is subject to change. See the actual figma links for updated looks.

Figma Frames and UX flow

https://www.figma.com/design/lj6kZ0mfWiD7JxQkfy7Sav/Afterwork-by-ZKorum?node-id=36-328&t=fGAZEz0ewG8exMCo-4

click on Login =>

• 
• https://www.figma.com/design/lj6kZ0mfWiD7JxQkfy7Sav/Afterwork-by-ZKorum?node-id=65244&t=fGAZEz0ewG8exMCo-4
• note: entering a personal email address or an unsupported custom email address here shows an error

click on "Send verification code"

=>

Frame with one-time code - success/failure (frame TODO)

On success:

• if user entered a pro email address, in backend add it as "primary", associate user to new group,
  • show the "successfully joined chat of " frame
    • 
    • https://www.figma.com/design/lj6kZ0mfWiD7JxQkfy7Sav/Afterwork-by-ZKorum?node-id=40-798&t=fGAZEz0ewG8exMCo-4
    • then show Rules:
      • TODO
    • then show main feed page:
      • 
      • https://www.figma.com/design/lj6kZ0mfWiD7JxQkfy7Sav/Afterwork-by-ZKorum?node-id=1-6&t=9UdMpcKXJD9zJT3v-4

Logic & Data

Each step == something written in back DB (new email => new group association, etc). Note that backend also remembers when a code has been sent to the given email and is awaiting user input verification. This logic will be implemented by @nicobao

On page Refresh, frontend calls a backend endpoint to ask whether the onboarding has been finished or not, and if not what is left to be done. If the user is successfully logged-in, but hasn't confirmed ANOTHER email as primary for example, just add a banner on top, and/or a notification redirecting to settings (not implemented yet, we need the notification and settings/profile page for this to make sense).

Authorized "professional/community" email address == specific set of authorized domains hardcoded in the backend and loaded when the page starts