User Registration Page

[kavinphan]

Description

Create the user registration page (at /register) to match the design.

Note that this flow is a bit complex:

• (not in ticket) user clicks on the invite link from the invitation email and is redirected to /register?token=${TOKEN}
• If token is not provided, redirect to /
• Fetch invite from /api/invites/[token]
• If 400 response, display error message "Invalid or expired invite"
• Show registration form (email and name should be returned from the response and pre-filled in the form)
• POST to /api/users with inviteToken and password form data
  • The /api/users route handler was created here

For displaying static error messages like "Invalid or expired invite", I would opt for using a simple p tag.
For displaying dynamic error messages that result from user actions (like password confirmation), I would react-hot-toast (which is already in the project).

Success Criteria

• If token query param is not provided, redirect to /
• If 400 response, display "Invalid or expired invite"
• The email and name fields are pre-filled with the results of the fetch request to /api/invites/[token]
• If the passwords do not match, an error appears
• Form is submitted to /api/users
• On success, sign the user in and redirect to /
• The user registration form matches the design
• The user registration form shows the correct fields relative to the selected user type
• The user registration form is functional at all dimension presets from Laptop and up