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

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

packages/pl-fe/src/features/admin/announcements.tsx

@@ -109,7 +109,6 @@ const Announcements: React.FC = () => {
           <FormattedMessage id='admin.announcements.action' defaultMessage='Create announcement' />
         </Button>
         <ScrollableList
-          scrollKey='announcements'
           emptyMessage={emptyMessage}
           itemClassName='py-3 first:pt-0 last:pb-0'
           isLoading={isLoading}

packages/pl-fe/src/features/admin/domains.tsx

@@ -128,7 +128,6 @@ const Domains: React.FC = () => {
         </Button>
         {domains && (
           <ScrollableList
-            scrollKey='domains'
             emptyMessage={emptyMessage}
             itemClassName='py-3 first:pt-0 last:pb-0'
             isLoading={isFetching}

packages/pl-fe/src/features/admin/moderation-log.tsx

@@ -33,7 +33,6 @@ const ModerationLog = () => {
       <ScrollableList
         isLoading={isLoading}
         showLoading={showLoading}
-        scrollKey='moderation-log'
         emptyMessage={intl.formatMessage(messages.emptyMessage)}
         hasMore={hasNextPage}
         onLoadMore={handleLoadMore}

packages/pl-fe/src/features/admin/relays.tsx

@@ -120,7 +120,6 @@ const Relays: React.FC = () => {
 
         {relays && (
           <ScrollableList
-            scrollKey='relays'
             emptyMessage={emptyMessage}
             itemClassName='py-3 first:pt-0 last:pb-0'
             isLoading={isFetching}

packages/pl-fe/src/features/admin/rules.tsx

@@ -93,7 +93,6 @@ const Rules: React.FC = () => {
           <FormattedMessage id='admin.rules.action' defaultMessage='Create rule' />
         </Button>
         <ScrollableList
-          scrollKey='rules'
           emptyMessage={emptyMessage}
           itemClassName='py-3 first:pt-0 last:pb-0'
           isLoading={isLoading}

packages/pl-fe/src/features/admin/tabs/awaiting-approval.tsx

@@ -34,7 +34,6 @@ const AwaitingApproval: React.FC = () => {
     <ScrollableList
       isLoading={isLoading}
       showLoading={showLoading}
-      scrollKey='awaiting-approval'
       emptyMessage={intl.formatMessage(messages.emptyMessage)}
       listClassName='divide-y divide-solid divide-gray-200 dark:divide-gray-800'
     >

packages/pl-fe/src/features/admin/tabs/reports.tsx

@@ -33,7 +33,6 @@ const Reports: React.FC = () => {
     <ScrollableList
       isLoading={isLoading}
       showLoading={showLoading}
-      scrollKey='admin-reports'
       emptyMessage={intl.formatMessage(messages.emptyMessage)}
       listClassName='divide-y divide-solid divide-gray-200 dark:divide-gray-800'
     >

packages/pl-fe/src/features/admin/user-index.tsx

@@ -49,7 +49,6 @@ const UserIndex: React.FC = () => {
         placeholder={intl.formatMessage(messages.searchPlaceholder)}
       />
       <ScrollableList
-        scrollKey='user-index'
         hasMore={hasMore}
         isLoading={isLoading}
         showLoading={showLoading}