fix: use itemesPerPage for graphql collection query limit

[Jshhhh]

Problem

Graphql collection is using a constant page size of 4.

Solution

Use the itemsPerPage component property, fallback to 6

Verification

local app

Automated tests

• Unit tests added/updated
• E2E tests added/updated
• N/A - (provide a reason)
• deferred - (provide GitHub issue for tracking)

Housekeeping

• No non-essential console logs
• All new files contain license notice

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[codecov-commenter]

Codecov Report

Merging #1092 (5da6260) into main (2abdc77) will decrease coverage by 0.02%.
Report is 1 commits behind head on main.
The diff coverage is 100.00%.

❗ Your organization is not using the GitHub App Integration. As a result you may experience degraded service beginning May 15th. Please install the GitHub App Integration for your organization. Read more.

@@            Coverage Diff             @@
##             main    #1092      +/-   ##
==========================================
- Coverage   93.92%   93.91%   -0.02%     
==========================================
  Files         124      124              
  Lines        5877     5867      -10     
  Branches     1794     1792       -2     
==========================================
- Hits         5520     5510      -10     
  Misses        339      339              
  Partials       18       18              

Files Changed	Coverage Δ
...en-ui-react/lib/amplify-ui-renderers/collection.ts	98.07% <ø> (-0.41%)	⬇️
...gen-ui-react/lib/react-studio-template-renderer.ts	93.41% <100.00%> (+0.05%)	⬆️

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2abdc77...5da6260. Read the comment docs.

[letsbelopez]

LGTM