fix: increase pagination limit

Author: astandrik

src/components/PaginatedTable/PaginatedTable.tsx

@@ -37,7 +37,7 @@ export interface PaginatedTableProps<T, F> {
     keepCache?: boolean;
 }
 
-const DEFAULT_PAGINATION_LIMIT = 10;
+const DEFAULT_PAGINATION_LIMIT = 20;
 
 export const PaginatedTable = <T, F>({
     limit: chunkSize = DEFAULT_PAGINATION_LIMIT,
@@ -183,6 +183,7 @@ export const PaginatedTable = <T, F>({
                 chunks.push(
                     <tr
                         style={{height: `${totalHeight}px`}}
+                        className="separator"
                         key={`separator-${startIndex}-${i - 1}`}
                     >
                         <td colSpan={columns.length} style={{padding: 0, border: 'none'}} />

src/components/PaginatedTable/useScrollBasedChunks.ts

@@ -18,10 +18,8 @@ interface ChunkState {
     shouldFetch: boolean;
 }
 
-const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-
 // Bad performance in Safari - reduce overscan counts
-const DEFAULT_RENDER_OVERSCAN = isSafari ? 0 : 0;
+const DEFAULT_RENDER_OVERSCAN = 2;
 const DEFAULT_FETCH_OVERSCAN = 4;
 
 export const useScrollBasedChunks = ({