Add event check-in capability to the Welcome landing page for logged-in users

[JackHaeg]

Overview

Currently, users who have already logged into VRMS cannot access the event check-in functionality. This issue adds a check-in section to the Welcome landing page so authenticated users can select a meeting and check in directly without needing to return to the public check-in screen.

Action Items

• Add a new Check-In section below the "Welcome [First Name]" heading on the logged-in landing page.
• Replicate the check-in interaction pattern used on the VRMS home screen, with some exceptions:
  • Display only the "Select a meeting to check-in" MUI component and a single "Check In" button
  • When a user selects a meeting and clicks "check in" the user is checked into the meeting and does not have to input additional information like on the home screen, as the user is already logged in to their profile on VRMS (see designs in the Resources/Instructions section below)

Implementation requirements:

• Display the text: "Select a meeting to check-in:"
• Include the existing meeting dropdown selector with default text:
  • --SELECT ONE--
• Add a "CHECK IN" button beneath the dropdown.

Behavior:

• The CHECK IN button should be disabled (greyed out) until a meeting is selected from the dropdown.
• Once a meeting is selected, the CHECK IN button becomes active.
• When the user clicks CHECK IN:
  • The system should check the logged-in user into the selected meeting.
  • The system should use the existing user account and associated email already stored in the session.
  • No additional user information should be required.
  • Provide a Success message: "SUCCESS! You have Checked in to: [Insert Event Name]"

UI requirements:

• Match the existing dropdown and button styles (using MUI) used on the VRMS home screen check-in page.
• Once the user checks in to an event, provide a success message ("SUCCESS! You have Checked in to: [Insert Event Name]")
• Ensure spacing visually separates the check-in section from the welcome text.

Resources/Instructions

• Reference the existing VRMS home screen check-in UI for dropdown and button styling.
• Figma design link

Design screenshots