Setup bulk user action buttons on the Facility Users page

[LianaHarris360]

Blocked by #13479 #13484

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

Overview

To facilitate bulk user management actions in Kolibri, the implementation of buttons for filtering users, moving users in a facility to the trash, as well as removing or assigning users within a class, should be added to the Facility Users Page. To enable the functionality of these bulk actions, the SidePanelModal component will open when the filter or icon action buttons are selected.

• Update the UserPage to include the OPTIONS dropdown menu and filter buttons and the icon buttons for assigning coaches, enrolling and removing learners and coaches, and trashing users above the KTable. These buttons should not perform any actions yet when clicked.
• The button for assigning coaches to classes should be disabled unless one or more coaches or super-admins are selected. This button should be disabled if any users that are only learners are selected.
• The buttons for removing users from classes, movings users to the trash, and enrolling learners to classes should be disabled unless one or more users have been selected.

• Update the placement of the search bar and buttons, and ensure the buttons are responsive. On mobile screens, the OPTIONS dropdown menu and NEW USER buttons should be placed below the Users page title, and the icon buttons should move beneath the search bar and Filter button as shown in the screenshot below.

• Ensure the button selections are accessible and able to be navigated through the keyboard.

Resources

• Link to Figma

Note: The download icon button should not be included.