Add People to Workspaces Screen

[fvalentiner]

Context

Add the functionality to manage people in the new /workspace/{workspace_uuid} screen.

This functionality already exists in Profile -> Workspaces -> Manage Workspace. The job for this ticket is to port the functionality to the new workspace screen.

Design

This is how the structure of the Workspace page should look like:

Your job for this issue is to create the 'People' area of the page.

• List of people profile pictures
• Max 5 users
• If more than 5
• • Specify the total amount and add a circle with the text "+X" X = total users - 5. So if 8 users, 5 will be listed with their profile pictures and an extra circle at the end with the text "+3" displaying that there are 3 more users.
• When clicking on manage people, a modal pops up with the specified functionality to manage users (add, change roles, delete) page: /workspace/{feature_uuid}

Manage People exiting functionality in Profile -> Workspaces -> Manage Workspace

• Each user should have their image.
• Add a title to the user image to show the user alias when the mouse is over the user image
• Add a manage people link that will open a modal with the manage people functionality
• Copy manage people functionality from Profile -> Workspaces -> Manage Workspace

Acceptance Criteria

• [ ] I've tested on Chrome
• [ ] I've submitted a screenshot or recording in my pr
• [ ] I've created a test that adds a user to a workspace using this new screen
• [ ] I've created a test that checks that the user is added to the list
• [ ] I've created a test that removes the user from the workspace
• [ ] I have rebased and tested locally before submitting my PR
• [ ] I can submit a pr within 2 days of taking the bounty

---

If a PR is not submitted within two days, we will assign the bounty to someone else Bounty https://community.sphinx.chat/bounty/1982

---

Here is an example unit test

Here is an example component test

[Ekep-Obasi]

@fvalentiner Please assign me, I've completed my previous task

[AbdulWahab3181]

@fvalentiner Could you please assign me?

[fvalentiner]

If anyone wants to pick up this issue please visit the bounty on this url https://community.sphinx.chat/bounty/1982 and click on "I can help".

[AbdulWahab3181]

@fvalentiner I already sent you a message.

[Ekep-Obasi]

If anyone wants to pick up this issue please visit the bounty on this url https://community.sphinx.chat/bounty/1982 and click on "I can help".

@fvalentiner done