Add pagination to eCR Viewer homepage

[angelathe]

PULL REQUEST

Summary

• Adds pagination to eCR viewer homepage (# of items per page currently set to 25)
• Adds unit tests, updates snapshot test

Related Issue

Fixes #1782

Screenshot

In order to see how the pagination functions, I temporarily set the # items per page to 10
https://github.com/CDCgov/phdi/assets/40042932/9455067a-d450-4b01-81b0-0ebdd1b90209

With items per page set to 25 (since there are < 25 items total, this is what the single page looks like)

Additional Information

USWDS Storybook: Pagination

Checklist

• If this code affects the other scrum team, have they been notified? (In Slack, as reviewers, etc.)

[sarahtress]

@angelathe this looks pretty close to me, only thing is the spacing between the bottom of the table and the pagination component should be 48px. it looks a little bigger than that right now

[angelathe]

@angelathe this looks pretty close to me, only thing is the spacing between the bottom of the table and the pagination component should be 48px. it looks a little bigger than that right now

Ahh good catch, just fixed! Kept the gap at 48px, but removed the bottom margin of the table / top margin of the pagination.

[sarahtress]

@angelathe this looks pretty close to me, only thing is the spacing between the bottom of the table and the pagination component should be 48px. it looks a little bigger than that right now

Ahh good catch, just fixed! Kept the gap at 48px, but removed the bottom margin of the table / top margin of the pagination.

awesome looks good to me!

[BobanL]

Changes look good!

I will note that when running accessibility scan it did flag the next page arrow image (>). This was reported already.