Pagination display is wrong between top and bottom when pagination is set to 'both'

[zaingithub]

Issue Type (delete the irrelevant ones)

• [x] Bug

Specs

2.21.10

Expected Behavior

When the pagination's position is set to 'both' (top and bottom) then next button on top pagination or bot pagination is clicked (move to next page), the pagination information is wrong. Both top and bottom pagination must show the same information of current active page.

Actual Behavior

Next button on top pagination clicked : current page display on top pagination is changed as expected, but on bottom pagination is not changed

Steps to Reproduce the Problem

1. This is my Pagination Config

          pagination: {
            enabled: true,
            mode: 'records',
            perPage: 5,
            position: 'both',
            perPageDropdown: [25, 50, 100, 250],
            dropdownAllowAll: true,
            setCurrentPage: 1,
            nextLabel: 'Next',
            prevLabel: 'Prev',
            rowsPerPageLabel: 'Data per page',
            ofLabel: 'of',
            pageLabel: 'page',
            allLabel: 'All',
          },

2. Set the pagination position to 'both', and page data perPage 3 or 5, then click next button on top or bottom to see the page change.

jsfiddle

https://jsfiddle.net/2gxd6m37/