Add user data verification page

Description

Add a page, meeting style guidelines, that fulfils the design as in the the figma design (in parent epic) to accept the user's CRSId/Lastname, DoB, and registration code.

Further details

The page must:

• Be navigable to from the landing page (i.e. "Register for your University IT account" on the landing page takes user to this page).
  • Note that this skips the screen to select between CRSId and Lastname
• Present distinct views for CRSId and Lastname entry
  • This needs to be provided by the user's selection in a previous screen, so should be communicated via query parameter (and default to CRSId) - although this may be removed in the future.
• Validate the CRSId/lastname & registration code are under a set number of characters.
  • CRSId: 20 (accepts @cam.ac.uk)
  • Lastname: 100
  • registration code: 20
• Probably re-use existing MUI date entry, but if feedback is to use character boxes then implement as given.
• Only accept the "next" button if all fields filled and valid, if not highlight missing or invalid fields to user.
• On "next" pressed with valid fields, do nothing but display "submitted" in pop-up.

Task list

• Implement logic to navigate between screens (we do not want to make use of different pages/URLs)
• Write frontend code to perform this
• Contact Jonathan to demonstrate as soon as available for feedback
• Write frontend tests to exercise this functionality???

Acceptance criteria

• Frontend page to accept user verification info is accessible.

Links/references