Feat/add datalist pagination styling pfr 1133

[MarcelKorporaal]

Summary

This PR improves the DataList pagination by making page navigation boundaries explicit and adding styling support for pagination alignment and color. The update prevents navigating beyond valid pages, keeps the pagination controls semantically correct, and allows pagination presentation to be configured through component options.

Changes

Pagination behavior

• Introduced a single, explicit totalPages calculation (Math.ceil(totalCount / rowsPerPage)).

• Added derived flags for navigation boundaries:

  • isPrevDisabled (disabled on page 1)
  • isNextDisabled (disabled on the last page)

• Updated pagination controls to use the native disabled attribute instead of conditionally rendering buttons vs. non-clickable icons.

• Kept the existing safety check that clamps currentPage when the result set shrinks (e.g. after filtering/search changes).

Pagination styling support

• Added support for configuring pagination styling via options:

  • Pagination alignment (left/center/right)
  • Pagination color

• Applied these settings at the footer level so the pagination block aligns and inherits the configured color consistently.

Why

Previously, pagination boundaries were enforced through conditional rendering and a “next” comparison based on totalCount / rowsPerPage, which can result in fractional comparisons and less readable logic. Disabled states were also represented by swapping elements rather than using button semantics.

This PR:

• Uses integer page math (totalPages) for clearer, predictable boundaries.
• Improves accessibility and keyboard behavior by relying on <button disabled>.
• Adds configurable alignment and color so DataList pagination can match page design requirements without custom overrides.

Testing

• Verified prev is disabled on page 1 and next is disabled on the last page.
• Verified the current page is clamped when totalCount decreases (e.g. after filter/search changes).
• Verified pagination alignment and color options apply correctly and do not affect data rendering in inline/grid modes.

[MarcelKorporaal]

https://bettyblocks.atlassian.net/browse/PFR-1133
https://bettyblocks.atlassian.net/browse/MAIN-1279

[jeroenreijs]

Please take a look at my comments.

[marcelkorporaal-a11y]

Requested changes have been applied

[bettyblocks-release-bot]

🎉 This PR is included in version 3.6.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀