feat: add *ishLazyBrowserView directive

[dhhyi]

PR Type

[X] Feature
[X] Refactoring (no functional changes, no API changes)

What Is the New Behavior?

Added *ishBrowserLazyView directive to lazy load content when it is in the viewport on the browser side. This helps limiting requests made in the SSR process.

Does this PR Introduce a Breaking Change?

[ ] Yes
[X] No

Other Information

AB#96475

[shauke]

@dhhyi Just for clarification; the recently viewed component is not an example for "limiting requests made in the SSR process", right? There should not be any recently information on the SSR side that would result in any requests.
It is still a good idea to do the recently required REST requests on the client side only when they come in the viewport though.

[dhhyi]

the recently viewed component is not an example for "limiting requests made in the SSR process", right?

Yes, recently doesn't do any REST requests. On SSR it should not do anything at all as it relates on cookies or session storage. But it's a good example for something that should be lazy loaded on the client as it always is below the fold. The jest test also shows how the directive has to be used in tests to trigger the rendering.