User Management Page UI/UX

[nkanchinadam]

The designers made a Figma design for the user management page linked here.

Subtasks

• Implement the UI/UX for the User Management page as shown in the Figma, except only implement the following columns. The others have no equivalent on the backend and can be added if they are needed:
  • First Name
  • Middle Name
  • Last Name
  • Email
  • Role - dropdown of the list of roles in the app, which can be found in the type definitions
  • Actions
• Add a /users route to the website
  • Only ADMIN users should be able to access this route

Make sure to use Mantine's UI components for consistency with the rest of the application. Additionally, use React Table for managing the table state and features such as sorting, filtering, etc.