Add Organizations' User Invitation UI

[ArthurMousatov]

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Overview

Complexity: Low
Target branch: unstable / UI-branch (?)

Context

The Change

Once #6009 is merged, the invitation API should now allow admins/owners to invite users into their organization. Now, frontend implementation of this system is required. The design is heavily based on the channel's edit/invitation page.

How to Get There

To invite a user (as an owner of an organization):

1. User goes to an organization's edit page
2. User goes to the "Sharing" section of the edit page
3. User types an email, and a type of invitation (viewer, admin, owner)
4. User sends the invitation

To manage users (as an owner of an organization):

1. User goes to an organization's edit page
2. User goes to the "Sharing" section of the edit page
3. User can see all members, their roles, their statuses (pending, active)
4. User can rescind/re-send an invitation, close a user's role.

Acceptance Criteria

General

• Organization's edit page, sharing section is implemented as per Figma design

• Invitation frontend views are adjusted to accommodate organizations as invitation targets

Accessibility and i18n

• All accessibility / i18n processes are respected on the new pages

Frameworks

• Kolibri Design is used across new pages
• Do not use Vuex on any part of the implementation (and if required, consult team)
• Do not use Vuetify, use the Kolibri Design System or equivalent custom components

AI usage

No AI was used in the writing of this issue.