Editor Leaves Space

[saur24]

Feature Request

As a peoplemover user with Editor access
I would like the ability to leave a space
so that I no longer have access to it and it does not appear on my dashboard

Acceptance Criteria

Given I am in my dashboard
When I click the Space ellipses on a space that I am an Editor on
Then the Leave Space button appears
And I click it
And I am asked if I'm sure I want to leave the space
And I can click leave or cancel

When I click Leave
Then the space is removed from my dashboard

When I click Cancel
Then the modal is closed

Design

ellipses: https://www.figma.com/file/S4XKeovlQqeRk64k2qzhf8gL/PeopleMover?node-id=9092%3A9890

pop-up modal: https://www.figma.com/file/S4XKeovlQqeRk64k2qzhf8gL/PeopleMover?node-id=9063%3A9627

Accessibility Criteria

• Text and background color meets a minimum color contrast ratio of 4.5:1
• All non-text content (e.g. images, icon) has alt text
• Web page includes appropriate headings to communicate structure/hierarchy (h1>h2>h3)
• All functionality is available to a keyboard
  • Focus styles are highly visible
  • Tab order is logical and aligns with the visual order
• Voice over is understandable and logical
  • Aria labels are added to elements with no visible text
  • Decorative elements (e.g. non-informative icons) are hidden from screen readers
• Form fields have appropriately coded labels that are visible during input
• Links are visually identifiable and have a clear focus and active state

Notes

Please provide notes on this feature if applicable.