Client: 20 item pagination

client/src/pages/filaments/list.tsx

@@ -18,6 +18,10 @@ dayjs.extend(utc);
 export const FilamentList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (

client/src/pages/spools/list.tsx

@@ -19,6 +19,10 @@ dayjs.extend(utc);
 export const SpoolList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   tableProps.dataSource?.forEach((element) => {

client/src/pages/vendors/list.tsx

@@ -17,6 +17,10 @@ dayjs.extend(utc);
 export const VendorList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (