Feat: Display agent version in pages #3221 (#8947)

### What problem does this PR solve?

Feat: Display agent version in pages #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/logic-hooks/use-pagination.ts

@@ -0,0 +1,24 @@
+import { useCallback, useMemo, useState } from 'react';
+
+export function useClientPagination(list: Array<any>) {
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+
+  const onPaginationChange = useCallback((page: number, pageSize: number) => {
+    setPage(page);
+    setPageSize(pageSize);
+  }, []);
+
+  const pagedList = useMemo(() => {
+    return list?.slice((page - 1) * pageSize, page * pageSize);
+  }, [list, page, pageSize]);
+
+  return {
+    page,
+    pageSize,
+    setPage,
+    setPageSize,
+    onPaginationChange,
+    pagedList,
+  };
+}