feat: add infinite scrolling to ADataTable

[brennarvo]

Please check if the PR fulfills these requirements

• [x] The commit message follows semantic commit message guidelines
• [x] The changes are documented in component docs and changelog
• [x] The ESLint plugin has been updated if a new component is added
• [x] Test have been added or modified, if appropriate
• [x] Has been verified locally

What kind of change does this PR introduce?

• Introduces a new AInView component that determines if its child component is currently visible within a specified scrollable container (such as the browser viewport itself, or an element with overflow: scroll styling).
• Adds two props to ADataTable, which would enable infinite scrolling capabilities:
  • onScrollToEnd: ({ inView, entry } : { inView: boolean, entry: IntersectionObserverEntry }) => void - called when the user reaches the end of a data table's length
  • maxHeight: string - sets the maximum height of the data table to enable an overflow scroll

What is the current behavior?

The ADataTable does not have functionality to support infinite scrolling.

What is the new behavior (if this is a feature change)?

Leverages the [Intersection Observer API]() in order to determine when the last row in the table is being viewed, which enables an external consumer of Atomic React to run a function that would (hypothetically) call the next batch of data table.

Does this PR introduce a breaking change?

No

Other Information

• Associated PR for eslint-config-atomic-react
• Please see accessibility notes for infinite scrolling inside of a data table
• Also adds a new hook for using an intersection observer in React
• Creates a way to enrich documentation examples without cluttering up the live code editor as seen on Atomic React component usage docs
• This work was initiated from secure-client-forms

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/securex/atomic-react/6ed8pnrwVyAsB7frwZhLeAGhFbYE
✅ Preview: https://atomic-react-git-feat-infinite-scroll-securex.vercel.app

[codecov[bot]]

Codecov Report

Merging #1174 (78bd0fc) into master (34f5896) will increase coverage by 0.11%. The diff coverage is 90.72%.

@@            Coverage Diff             @@
##           master    #1174      +/-   ##
==========================================
+ Coverage   90.14%   90.25%   +0.11%     
==========================================
  Files          97       98       +1     
  Lines        2973     3048      +75     
  Branches     1032     1049      +17     
==========================================
+ Hits         2680     2751      +71     
- Misses        250      255       +5     
+ Partials       43       42       -1     

Impacted Files	Coverage Δ
framework/utils/hooks.js	86.36% <86.27%> (+2.36%)	:arrow_up:
framework/utils/helpers.js	90.00% <88.88%> (-0.91%)	:arrow_down:
framework/components/AInView/AInView.js	90.00% <90.00%> (ø)
framework/components/ADataTable/ADataTable.js	100.00% <100.00%> (ø)
framework/components/ALoader/ADotLoader.js	83.33% <0.00%> (+50.00%)	:arrow_up:

---

Continue to review full report at Codecov.

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