feat: add Assign Role button to LibrariesTeamManager for enhanced role management

Author: bra-i-am

src/authz-module/libraries-manager/LibrariesTeamManager.tsx

@@ -1,24 +1,25 @@
 import { useMemo } from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
-  Container, Skeleton, Tab, Tabs,
+  Button, Container, Skeleton, Tab, Tabs,
 } from '@openedx/paragon';
+import { Plus } from '@openedx/paragon/icons';
 import { useLibrary } from '@src/authz-module/data/hooks';
-import { useLocation } from 'react-router-dom';
-import { ROUTES } from '@src/authz-module/constants';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { buildWizardPath, ROUTES } from '@src/authz-module/constants';
 import TeamTable from './components/TeamTable';
 import AuthZLayout from '../components/AuthZLayout';
 import RoleCard from '../components/RoleCard';
 import PermissionTable from '../components/PermissionTable';
 import { useLibraryAuthZ } from './context';
-import { AddNewTeamMemberTrigger } from './components/AddNewTeamMemberModal';
 import { buildPermissionMatrixByResource, buildPermissionMatrixByRole } from './utils';
 
 import messages from './messages';
 
 const LibrariesTeamManager = () => {
   const intl = useIntl();
-  const { hash } = useLocation();
+  const navigate = useNavigate();
+  const { hash, pathname } = useLocation();
   const {
     libraryId, canManageTeam, roles, permissions, resources,
   } = useLibraryAuthZ();
@@ -51,7 +52,16 @@ const LibrariesTeamManager = () => {
         pageSubtitle={libraryId}
         actions={
           [
-            ...(canManageTeam ? [<AddNewTeamMemberTrigger libraryId={libraryId} key="add-new-member" />] : []),
+            ...(canManageTeam ? [
+              <Button
+                key="assign-role-wizard"
+                iconBefore={Plus}
+                variant="primary"
+                onClick={() => navigate(buildWizardPath({ from: pathname }))}
+              >
+                {intl.formatMessage(messages['library.authz.manage.assign.role.wizard.button'])}
+              </Button>,
+            ] : []),
           ]
         }
       >