support recording canvas in iframe and shadow dom

[p-mazhnik]

Resolves https://github.com/rrweb-io/rrweb/issues/1412, resolves https://github.com/rrweb-io/rrweb/issues/1081

Before

Red square is on the main page;
Green is inside the shadow dom on the main page;
Blue one is within the iframe;
Pink is inside the shadow dom within the iframe.

After

Key differences from existing PRs:

• support for sampling: 'all' mode
• ShadowDomManager is utilized for obtaining information about the shadow DOMs, rather than looping through all the elements on the page
• support for exiting takeCanvasSnapshots loop on reset
• tests

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: db60778d9fb2d3b800ce9e9daa567f70bea2373e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
rrweb	Patch
rrweb-snapshot	Patch
rrdom	Patch
rrdom-nodejs	Patch
rrweb-player	Patch
@rrweb/types	Patch
@rrweb/web-extension	Patch
rrvideo	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[EnzoPortela]

It still working?