Boost: Remove global state from Pagination component

[dilirity]

Proposed changes:

• Moves global state to parent component in favor of props;
• Update next/previous buttons to use a separate component.

Other information:

• Have you written new tests for your changes, if applicable?
• Have you checked the E2E test CI results, and verified that your changes do not break them?
• Have you tested your changes on WordPress.com, if applicable (if so, you'll see a generated comment below with a script to run)?

Jetpack product discussion

pc9hqz-286-p2

Does this pull request change what data or activity we track or use?

no

Testing instructions:

• Make sure ISA Pagination is working as expected.
  

[github-actions]

Thank you for your PR!

When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:

• ✅ Include a description of your PR changes.
  
• ✅ Add a "[Status]" label (In Progress, Needs Team Review, ...).
  
• ✅ Add testing instructions.
  
• ✅ Specify whether this PR includes any changes to data or privacy.
  
• ✅ Add changelog entries to affected projects
  

This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖

---

The e2e test report can be found here. Please note that it can take a few minutes after the e2e tests checks are complete for the report to be available.

---

Once your PR is ready for review, check one last time that all required checks (other than "Required review") appearing at the bottom of this PR are passing or skipped.
Then, add the "[Status] Needs Team Review" label and ask someone from your team review the code. Once reviewed, it can then be merged.
If you need an extra review from someone familiar with the codebase, you can update the labels from "[Status] Needs Team Review" to "[Status] Needs Review", and in that case Jetpack Approvers will do a final review of your PR.

---

Boost plugin:

• Next scheduled release: October 3, 2023.
• Scheduled code freeze: September 25, 2023.

[pyronaur]

Clicking left and right arrows no longer works because the connection to current reactivity is now lost.

[pyronaur]

To fix that, I think <button> needs to become a <Link> instead and link to the relevant page.

[dilirity]

@pyronaur great catch - thanks!

I've updated the buttons to use the Link component.

I've also updated their behavior - they'll hide when necessary, instead of always showing. I kind of felt it didn't make sense to show them and disable them, as they are very tiny.

Addressed.

[pyronaur]

Looks like this might work. Although you could use slot instead of if right check, removing a condition - would make the component a bit simpler imho.

But it's fine if you prefer to keep it this way.

[dilirity]

Thanks for the suggestion @pyronaur! I've updated the pagination arrow component to use slots in 02584d3.

[pyronaur]

Looks good!