Create the "User Permission Management" screen

[JackHaeg]

Overview

Currently, there is no way for admins to see a list of other admins on the VRMS app, or a list of users with Project Management (PM) access to specific projects. We need to create a "User Permission Search" screen, which will host these features.

Requirements

• Design the skeleton of this page (See page 2 of mockups):
  • Page is contained within the "Users" tab on VRMS.
  • "User Permission Search" title at the top of the screen,
  • "Admins" and "Project Leads" filter (similar to our existing "User Search" screen)
    • NOTE - Although this filter component with both "Admins" and "Project Leads" can be created for design purposes, we are aiming to create only a functioning "Admins" component first, as this is highest priority.
  • A search bar below the filter buttons (similar to our existing "User Search" screen), which will have different functions depending on the filter selected (i.e., user selects "Admins" or "Project Leads" and is presented with a different search experience)
    • Full search bar functionality will be discussed & implemented in Create a functioning "Admins" filter component #1753 & Create a functioning "Project Leads" filter component #1754
  • Depending on filter selection ("Admins" or "Project Leads"), Admins = this screen will display a list of all admin users on VRMS, "Project Leads" = a list of all Project Leads (project managers) and their linked projects (alphabetical order based on project name and then below the search bar.
  • List of Admins (alphabetical order based on first name of user)
  • List of Project Leads (alphabetical order based on first name of user)
  • Default view on this screen will display the "Admins" filter as selected with a list of all VRMS admin users underneath the search bar - more on this in Create a functioning "Admins" filter component #1753

Action Items

• @trillium & team to add necessary action items for developers referencing the requirements above.
  • NOTE: If functionality for "admin" and "project leads" filter features will only be implemented in Create a functioning "Admins" filter component #1753 & Create a functioning "Project Leads" filter component #1754, I'm not sure if it makes sense to discuss the lists or search bar functionality here, as this issue mainly serves as a way to track the building the "User Permission Search" page itself, not the actual working features).

Resources/Instructions

• Low-fi mockups created by Bonnie / Jack - see page 2 of mockups
• Use MUI styling on all components.
• This issue is part of this epic: Epic - User Permission Search #1737