add additional list pagination helpers and components

src/renderer/components/item-list/item-list-pagination/use-item-list-pagination.ts

@@ -0,0 +1,23 @@
+import { useSearchParams } from 'react-router-dom';
+
+interface UseItemListPaginationProps {
+    initialPage?: number;
+}
+
+export const useItemListPagination = ({ initialPage }: UseItemListPaginationProps) => {
+    const [searchParams, setSearchParams] = useSearchParams();
+
+    const currentPage = initialPage || Number(searchParams.get('currentPage')) || 0;
+
+    const onChange = (index: number) => {
+        setSearchParams(
+            (params) => {
+                params.set('currentPage', String(index));
+                return params;
+            },
+            { replace: true },
+        );
+    };
+
+    return { currentPage, onChange };
+};