fix: APPS-3074 add watchers for pagination reactivity

[farosFreed]

Connected to APPS-3074

Component Edited: SectionPagination.vue

Stories Updated: ~/stories/SectionPagination.stories.js

Notes:

@pghorpade noticed during implementation in the FTVA project that the SectionPagination.vue component was not mounting correctly.

Upon investigation, this was because we only use the props pages & initialCurrentPage on initialization of the component, not in the render template itself. This PR fixes that.

• [X] added a story to asynchronously return the pages value to re-create this bug
• [X] added watchers to SectionPagination.vue to re-trigger relevant bits of logic when props update

No visual changes were made

Checklist:

• [X] I checked that it is working locally in the dev server
• [X] I checked that it is working locally in the storybook
• [X] I checked that it is working locally in the library-website-nuxt dev server
• [X] I added a screenshot of it working
• [ ] UX has reviewed and approved this
• [ ] I assigned this PR to someone on the dev team to review
• [X] I used a conventional commit message
• [X] I assigned myself to this PR

[github-actions[bot]]

Percy Screenshots

In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually:

1. Visit https://github.com/UCLALibrary/ucla-library-website-components/actions/workflows/percy.yml 2. Click the 'Run workflow' button in the blue bar. 3. Select the correct branch for this PR and click 'Run workflow' again to confirm.

[github-actions[bot]]

🚀 Deployed on https://deploy-preview-658--ucla-library-storybook.netlify.app

[pghorpade]

:tada: This PR is included in version 3.35.1 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: