MPDX-8515 - Fetching all pages on the coaches page

[dr-bizz]

Description

As there was a limit on the number of coaches we could grab at one time from the GraphQL, I've implemented the useFetchAllPages functionality into the coaches page to ensure all coaches are rendered and not just the first 25.

This PR continues the work done on PR #1257 Where I adjusted the number of coaches to be fetched from 25 to 100. However, the server limits us to only fetch 50 at a time.

To Test, please impersonate Shelley and navigate to her coaches page. You can find Shelley's email address from this HelpScout ticket

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Preview branch generated at https://remove-limit-from-fetching-coaches.d3dytjb8adxkk5.amplifyapp.com

[github-actions]

Bundle sizes [mpdx-react]

Compared against e7677b9

No significant changes found

[canac]

@dr-bizz Since most users don't have many people they're coaching, what do you think about just using useFetchAllPages to load all of the coaches if there are multiple pages? Even people like Shelly with lots of coached staff, it's only 99, not hundreds. I think that would simplify our code, and could be a better experience for our users since infinite scroll has had some issues on other pages.

[dr-bizz]

@dr-bizz Since most users don't have many people they're coaching, what do you think about just using useFetchAllPages to load all of the coaches if there are multiple pages? Even people like Shelly with lots of coached staff, it's only 99, not hundreds. I think that would simplify our code, and could be a better experience for our users since infinite scroll has had some issues on other pages.

@canac I've updated the query to use useFetchAllPages

[canac]

This looks really good! I've got a couple questions on it.

[canac]

Apart from the flakiness with loading multiple pages concurrently, this looks great!