Support top-layer <dialog> recording & replay

[Juice10]

Fixes #1381.

Adds support for recording & replaying Top Layer <dialog> elements. These elements float over any other elements no matter the z-index.

What this PR does not do:

• trigger showModal() on rrweb-snapshot's rebuild
  • when rebuild is called we have no guarantee the element is added to the dom, and .showModal() has to be attached to be called, so the responsibility to do this is hoisted to rrweb & rrdom.
• add support for popover elements.
• add support for requestFullScreen elements.
• register order of top layer dialog elements, this is impossible to do without monkey patching HTMLDialogElement.showModal, and although that is possible I didn't have time to implement it. However most of the time this PR should sufficient. Unfortunately there is no way to query the dom for the order of elements in the top layer, as that would have made this doable without monkey patch, and recordable in rrweb-snapshot.
  • exact case where this breaks:

  •   const dialog1 = document.createElement('dialog') as HTMLDialogElement;
      dialog1.className = 'dialog1';
      document.body.appendChild(dialog1);
      const dialog2 = document.createElement('dialog') as HTMLDialogElement;
      dialog1.className = 'dialog2';
      document.body.appendChild(dialog2);
      dialog2.showModal(); // <== Note that dialog TWO is being triggered first, if dialog 1 was triggered first, this would have replayed as expected.
      dialog1.showModal();

[changeset-bot]

🦋 Changeset detected

Latest commit: 9f2a27c

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

This PR includes changesets to release 18 packages

Name	Type
rrweb-snapshot	Major
rrdom	Major
rrweb	Major
@rrweb/types	Major
@rrweb/rrweb-plugin-canvas-webrtc-record	Major
@rrweb/rrweb-plugin-canvas-webrtc-replay	Major
@rrweb/rrweb-plugin-console-record	Major
@rrweb/rrweb-plugin-console-replay	Major
@rrweb/rrweb-plugin-sequential-id-record	Major
@rrweb/rrweb-plugin-sequential-id-replay	Major
rrdom-nodejs	Major
rrweb-player	Major
@rrweb/all	Major
@rrweb/replay	Major
@rrweb/record	Major
@rrweb/packer	Major
@rrweb/web-extension	Major
rrvideo	Major

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

[daibhin]

Looks good!! Thanks for taking this on :)

[YunFeng0817]

Thanks for implementing this. Overall, it looks good