This feature addresses the pivotal aspect of user role management and assignment within our application, aiming to provide users with efficient and flexible methods for associating roles with users. Two distinct approaches have been meticulously designed to cater to the needs of administrators and normal users.

Approach 1: Connecting Users and Roles from the Users Screen

In this approach, users can navigate to the "Users" screen, which displays a comprehensive list of users categorized as "Users" and "Admins." It allows normal users to efficiently assign and manage roles specific to their requirements. The process involves:

1. Selecting a normal user initiates the display of a right-side panel equipped with a role selection feature.
2. By default, this section exhibits the roles linked to the selected user.
3. Users are provided with the option to include new roles by utilizing the + icon, which invokes a role selection pop-up.
4. The role selection pop-up thoughtfully showcases all recently created and modified roles, accompanied by convenient checkboxes.
5. Users have the flexibility to choose individual or multiple roles, thereafter, confirming their choices by selecting the "Save" button.
6. Post confirmation, the pop-up seamlessly closes, while the added roles become distinctly visible beneath the right-side roles section.
7. The capability to delete roles is also available in this context.

Approach 2: Connecting Users and Roles from the Roles Screen

In this approach, users can navigate to the "Roles" screen, which displays a comprehensive list of “Roles” that are present. It allows users to efficiently select users for the roles and manage roles specific to their requirements. The process involves:

1. By selecting a specific role, users gain access to a comprehensive right-side panel housing distinct tab for "Permissions," "Users," and "API Clients.”
2. The "Users" tab within the right-side panel reveals users who are currently linked to the selected role.
3. The process of integrating new users to this role is initiated by clicking the + icon, subsequently initiating a user selection pop-up.
4. The user selection pop-up diligently presents users with a list of available candidates that has the "User" permission.
5. It is important to note that users equipped with "Admin" permissions are not featured in this list, as they inherently possess access to all roles.
6. The selection process empowers users to make single or multiple choices, culminating with the confirmation of their selections upon clicking the "Save" button.
7. Post confirmation, the pop-up seamlessly closes, while the added users become distinctly visible beneath the right-side users section.
8. The capability to delete users is also available in this context.