pl-fe: Replace virtuoso with tanstack virtual for scrollable list

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

packages/pl-fe/src/features/group/group-blocked-members.tsx

@@ -83,11 +83,7 @@ const GroupBlockedMembers: React.FC<IGroupBlockedMembers> = ({ params }) => {
 
   return (
     <Column label={intl.formatMessage(messages.heading)} backHref={`/groups/${group.id}/manage`}>
-      <ScrollableList
-        scrollKey='group_blocks'
-        emptyMessage={emptyMessage}
-        emptyMessageCard={false}
-      >
+      <ScrollableList emptyMessage={emptyMessage} emptyMessageCard={false}>
         {accountIds.map((accountId) =>
           <BlockedMember key={accountId} accountId={accountId} groupId={groupId} />,
         )}

packages/pl-fe/src/features/group/group-members.tsx

@@ -34,7 +34,6 @@ const GroupMembers: React.FC<IGroupMembers> = (props) => {
   return (
     <>
       <ScrollableList
-        scrollKey='group-members'
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
         isLoading={!group || isLoading}

packages/pl-fe/src/features/group/group-membership-requests.tsx

@@ -111,7 +111,6 @@ const GroupMembershipRequests: React.FC<IGroupMembershipRequests> = ({ params })
   return (
     <Column label={intl.formatMessage(messages.heading)}>
       <ScrollableList
-        scrollKey='group_membership_requests'
         emptyMessage={<FormattedMessage id='empty_column.group_membership_requests' defaultMessage='There are no pending membership requests for this group.' />}
       >
         {accounts.map((account) => (