fix(useScroll): add support for row-reverse and column-reverse

[OneLoneFox]

Description

Fixes #2576

also fixes incorrect calculation of directions.right mentioned in the same issue

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• [] Ideally, include relevant tests that fail without this PR but pass with it.

[OneLoneFox]

Is there anything stopping this from being reviewed?

[jonmes]

how is this issue resolved?
is there any one who can give me some demo on how reverse column works in infiniteScroll

[OneLoneFox]

how is this issue resolved? is there any one who can give me some demo on how reverse column works in infiniteScroll

It works exactly the same as a normal column, the only difference being that the scrolling element has flex-direction: column-reverse;, the issue linked to this PR has a repro.

The bug was fixed by essentially flipping the way top and bottom are calculated since js treat reverse rows and columns as a negative version of the normal ones. You can review the commits yourself.