Create redesigned "Users" page

[vorleakyek]

Fixes #1751

What changes did you make and why did you make them ?

• Create redesigned "Users" page /users/ with links to /users/user-search and /users/permission-search as separate buttons.
• Click on "Users" takes the user to the new, redesigned "Users" page
• Change "User Management" title on existing User Management page to "User Search"
• Note: There is a follow up ticket to handle the user permission search page in #1752. So, clicking on the button might not work as expected yet.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions[bot]]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b vorleakyek-redesign-users-screen-1751 development
git pull https://github.com/vorleakyek/VRMS.git redesign-users-screen-1751

[vorleakyek]

@pluto-bell, thanks for taking a look at the PR. I think you're right that the package.json, package-lock.json and yarn.lock files shouldn't be included in the PR.

@trillium, is this okay? I tried to remove those files from the PR, but it's still showing this in the files changed. If not, what is the proper command to remove the files from PR?

[JackHaeg]

Per @trillium: restore the files using:

git checkout development -- FILEPATH1 FILEPATH2

@trillium will plan to meet with @vorleakyek this week to restore the json files.

[vorleakyek]

Thanks @trillium for helping me restore the JSON files yesterday. I also updated the code in client/src/pages/Users.jsx to use "Box" and "Container" MUI components instead of the "div" element, and updated the style in client/src/sass/Users.scss file.

[trillium]

PR has been added to user_permissions_search feature branch!