feat: add skeleton

Author: dcoa

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

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Container, Tab, Tabs } from '@openedx/paragon';
+import { Container, Skeleton, Tab, Tabs } from '@openedx/paragon';
 import { useLibrary } from '@src/authz-module/data/hooks';
 import TeamTable from './components/TeamTable';
 import AuthZLayout from '../components/AuthZLayout';
@@ -64,7 +64,9 @@ const LibrariesTeamManager = () => {
           </Tab>
           <Tab eventKey="permissions" title={intl.formatMessage(messages['library.authz.tabs.permissions'])}>
             <Container className="p-5 container-mw-lg">
-              <PermissionTable permissionsTable={permissionsTable} roles={libraryRoles} />
+              {!permissionsTable ? <Skeleton count={2} height={200} /> :
+                <PermissionTable permissionsTable={permissionsTable} roles={libraryRoles} />
+              }
             </Container>
           </Tab>
         </Tabs>