fix: use page number from response (#1413)

This is to avoid the edge case where a page does not exist anymore after
deleting the visualization that was listed in it.

The page in the component state needs to be set to the page returned in
the response when it differs.

Unfortunately there is an extra request with the not existing page,
because until we get the response from the api we don't know if a page
has been removed or not as a consequence of deleting visualizations.

src/components/OpenFileDialog/OpenFileDialog.js

@@ -144,6 +144,11 @@ export const OpenFileDialog = ({
 
     const { loading, error, data, refetch } = useDataQuery(filesQuery, {
         lazy: true,
+        onComplete: (response) => {
+            if (page !== response.files.pager.page) {
+                setPage(response.files.pager.page)
+            }
+        },
     })
 
     const resetFilters = () => {
@@ -420,7 +425,7 @@ export const OpenFileDialog = ({
                                 0 && (
                                 <div className="pagination-controls">
                                     <PaginationControls
-                                        page={page}
+                                        page={data.files.pager.page}
                                         pager={data.files.pager}
                                         onPageChange={setPage}
                                     />