feat: Support member list scrollable when parent has specified height

Signed-off-by: rui ma <ruima@alauda.io>

.changeset/gold-shirts-yell.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-org': patch
+---
+
+Support member list scrollable when parent has specified height

.github/vale/Vocab/Backstage/accept.txt

@@ -462,3 +462,4 @@ zod
 Zolotusky
 zoomable
 zsh
+scrollable

plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx

@@ -119,6 +119,15 @@ const MemberComponent = (props: { member: UserEntity }) => {
   );
 };
 
+const useListStyles = makeStyles(() => ({
+  root: {
+    height: '100%',
+  },
+  cardContent: {
+    overflow: 'auto',
+  },
+}));
+
 /** @public */
 export const MembersListCard = (props: {
   memberDisplayTitle?: string;
@@ -130,6 +139,7 @@ export const MembersListCard = (props: {
     pageSize = 50,
     showAggregateMembersToggle,
   } = props;
+  const classes = useListStyles();
 
   const { entity: groupEntity } = useEntity<GroupEntity>();
   const {
@@ -210,13 +220,15 @@ export const MembersListCard = (props: {
   );
 
   return (
-    <Grid item>
+    <Grid item className={classes.root}>
       <InfoCard
         title={`${memberDisplayTitle} (${
           members?.length || 0
         }${paginationLabel})`}
         subheader={`of ${displayName}`}
         {...(nbPages <= 1 ? {} : { actions: pagination })}
+        className={classes.root}
+        cardClassName={classes.cardContent}
       >
         {showAggregateMembersToggle && (
           <>