Enable "Enter" Key Submission on Login Forms

[JackHaeg]

Overview

Allow users to press "Enter" to submit their email address when logging in as an admin or (potentially) as a returning user checking in to a meeting. Currently, the "Enter" key does not trigger form submission, creating a frustrating user experience.

Description:

• On Dev build, admin goes to login here: https://dev.vrms.io/login.
• Admin user types email address to login and presses Enter.
  • BUG: Currently, on dev, this results in no submission of the email address.
  • On PROD, pressing enter results in the submission of the email.
• See screen recording in resources section for more info.
• Check to see if this same behavior also occurs when a returning user is checking in to the meeting (see "Action Items" below for more info)

Action Items

• Investigate and confirm whether the issue is due to the submit button not being nested inside a element.
  • If this is the root cause of the problem, then adjust the file used for the admin login, so the submit button is correctly nested within a <form>, enabling "Enter" key submission. (Believe this is the file: ./src/components/auth/Auth.js - recommend double checking)
  • Investigate if the same "Enter" submission issue is also occurring on the returnUserForm component on a local dev build that includes this PR
    • If the same issue is occurring on this page, then apply the same fix to ensure consistent behavior across both login flows (./src/components/presentational/returnUserForm.js)
• Test both login flows to confirm the "Enter" key triggers the expected submission action.

Resources/Instructions

Screen Recording showing user pressing the "Enter" key after submitting on DEV and then PROD

Screen.Recording.2025-05-07.at.5.50.33.PM.mov

- Note: This bug probably has to do with the input field and the button not being in the same form block