Daniel: User management dashboard

[DanielChee]

[FE] User management page PR

Issue Number(s): #84

What does this PR change and why? This PR implements the entire user management dashboard (display name and email, change user role, toggle active/inactive state)

Checklist

• [x] Requirements have been implemented
• [x] Acceptance criteria is met
• [x] Database schema docs have been updated or are not necessary
• [x] Relevant reviewers (EM) have been assigned to this PR

Critical Changes

• Database change / migration to run: User model may need to be tweaked in the future
• Environment config change
• Breaking API change

Related PRs

PR Number(s): #number_of_pr

How To Test

Search functionality- type user names into search bar and confirm it is correct Dropdown boxes- update the user roles via the dropdown, ensure that they are actually updated in the database and reflected through the UI Toggle Switch- Toggle switch off to confirm inactive role is set. User can be activated by setting a "Admin" or "User" role through the dropdown box

[netlify[bot]]

✅ Deploy Preview for canine-assistants ready!

Name	Link
🔨 Latest commit	87e5195247540dec3eb22b173bc8b8ee56831176
🔍 Latest deploy log	https://app.netlify.com/sites/canine-assistants/deploys/65c1b3f1546601000722000e
😎 Deploy Preview	https://deploy-preview-118--canine-assistants.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[dograh]

The design looks really great so far! Is it possible to decrease the toggle size by somewhere between 25%-50%? They are looking just a tad big right now. Another thing I noticed is the styling of the pop-up box when deactivating a user is inconsistent with the design system, along with the toast confirmation after the user is deactivated. Can we change those to look like the ones in Figma? Thanks for all of your hard work!