Fix #1946 - Do not hold while bootstrapping

[WebReflection]

Description

This MR fixes #1946 by not holding while looping to activate editors.

Here a basic, pseudo code, representation of the issue that is solved:

async function init() {
  for (const script of document.querySelectorAll("script[type='editor']")) {
    // here the script type is changed to avoid being part of this loop
    script.type += '-activated';
    // but if in here we hold anything async ...
    await bootstrap(script);
    // the loop will execute before giving a chance to other, already discovered,
    // scripts to initialize themselves and get a new `type`
  }
}

// one call ASAP
init();

// MutationObserver calls triggered by first script bootstrap
init();

// any other reason to call init again
init();

As summary, this MR fixes in one single loop the type and queue bootstraps instead of waiting per each of them so that even if invoked multiple consecutive times, each script is guaranteed to be bootstrapped only once.

Changes

• use a queue instead of holding on every init call
• create a smoke-test that present no issue whatsoever with or without cache enabled

Checklist

• All tests pass locally
• I have updated CHANGELOG.md
• I have created documentation for this(if applicable)

[WebReflection]

OK, in retrospective, I am not 100% sure why the previous code would've ever bootstrapped same node twice, as the script.type is clearly assigned and it should never be looped over again ... however this MR guarantees the order of nodes matter and that the bootstrap is incremental, not all at once ... can anyone please confirm we don't have issues anymore in here? I start thinking maybe the issue was the ID assignment or something, not the exact order / timing of the bootstrap 🤔

This MR fixes both but as I could never reproduce this issue, extra eyes might be welcome, thanks!

[WebReflection]

This has been confirmed as solved.

/cc @ntoll or anyone else happy to approve?

[ntoll]