fix: improve useInViewObserver hook to trigger when observer is in view on mount

[cnhhoang850]

What does this PR do?

This pull request makes inViewObserver trigger when ref element already intersect view port on mount.

Currently, inViewObserver triggers only when ref element "enters" view port after component mount. This makes infinite scroll loading behavior doesn't work on first page load if view port contains inViewObserver ref element

This PR makes inViewObserver always trigger when ref element is in view, even on first mount, making its behavior more consistent.

As a consequence, any infinite scrolling list that use inViewObserver will continue to load element on first mount up until the point ref element doesn't intersect the view port any more.

Before

Personal.Event.Types.Cal.com.-.2.January.2025.mp4

After

https___www.loom.com_share_60b418ebda554e90a711a6ed0be295f4.-.New.mp4

Loom Video: https://www.loom.com/share/60b418ebda554e90a711a6ed0be295f4?sid=4e41bb73-9501-4f0f-8df2-e0d2953c64c4

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• N/A
• I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

• Visit any infinite loading list that uses inViewObserver
• List should loads data until inViewObserver ref element is below view port
• Scroll to inViewObserver ref element should trigger callback

[CLAassistant]

All committers have signed the CLA.

[vercel]

@cnhhoang850 is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[graphite-app]

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (01/02/25)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add community label" took an action on this PR • (01/02/25)

1 label was added to this PR based on Keith Williams's automation.

"Add ready-for-e2e label" took an action on this PR • (01/02/25)

1 label was added to this PR based on Keith Williams's automation.

[emrysal]

Like this a lot!

[github-actions]

E2E results are ready!

• Workflow #42801.1 latest results