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 Create the "User Permission Search" screen #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]

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

[pluto-bell]

Great work! MUI is being used for the buttons, the styling looks correct and the links work as expected (user permission search page to be added).

I noticed that the package.json, package-lock.json and yarn.lock files show updates, I don't know enough about back-end to say whether this would be an issue to merge or not, so I will leave this to the lead devs.

Edit: I'd love to hear from a lead dev on the above comment so I can know how to approach moving forward.

[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.

[pluto-bell]

Great, everything looks good to me and is working as expected (: