Reuse Pagination.Root for cursor pagination instead of custom buttons

Author: pierrejeambrun

airflow-core/src/airflow/ui/src/components/DataTable/DataTable.tsx

@@ -223,21 +223,21 @@ export const DataTable = <TData,>({
         <HStack justifyContent="center" my={2}>
           <IconButton
             aria-label="Previous page"
-            data-testid="cursor-prev"
+            data-testid="prev"
             disabled={!cursorPagination.hasPrevious}
             onClick={cursorPagination.onPrevious}
             size="sm"
-            variant="outline"
+            variant="ghost"
           >
             <HiChevronLeft />
           </IconButton>
           <IconButton
             aria-label="Next page"
-            data-testid="cursor-next"
+            data-testid="next"
             disabled={!cursorPagination.hasNext}
             onClick={cursorPagination.onNext}
             size="sm"
-            variant="outline"
+            variant="ghost"
           >
             <HiChevronRight />
           </IconButton>