feat: integrate AddRoleButton into LibrariesUserManager for role assignment

Author: bra-i-am

src/authz-module/components/AddRoleButton.tsx

@@ -2,10 +2,10 @@ import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Button } from '@openedx/paragon';
 import { Plus } from '@openedx/paragon/icons';
+import { useNavigate } from 'react-router-dom';
 
 import baseMessages from '@src/authz-module/messages';
-import { useNavigate } from 'react-router-dom';
-import { buildWizardPath } from 'authz-module/constants';
+import { buildWizardPath } from '@src/authz-module/constants';
 
 interface AddRoleButtonProps {
   presetUsername?: string;

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

@@ -5,6 +5,7 @@ import { Container, Skeleton } from '@openedx/paragon';
 import { ROUTES } from '@src/authz-module/constants';
 import { Role } from 'types';
 import { useToastManager } from '@src/components/ToastManager/ToastManagerContext';
+import AddRoleButton from '@src/authz-module/components/AddRoleButton';
 import AuthZLayout from '../components/AuthZLayout';
 import { useLibraryAuthZ } from './context';
 import RoleCard from '../components/RoleCard';
@@ -153,8 +154,8 @@ const LibrariesUserManager = () => {
         activeLabel={user?.username || ''}
         pageTitle={user?.username || ''}
         pageSubtitle={user?.email || ''}
-        actions={user && canManageTeam
-          ? <AddRoleButton from={pathname} users={user.username} />
+        actions={(user && canManageTeam)
+          ? [<AddRoleButton from={pathname} presetUsername={user.username} />]
           : []}
       >
         <Container className="bg-light-200 p-5">