fix(Collapsed Queue): Infinite loop that freezes page

[marcustyphoon]

Description

Yikes.

This updates Collapsed Queue for the extra div that was added to the post DOM structure a few days ago. I thought I had tested this, but I misremembered; I tested Collapsed Queue with the new split-notes footer, but not the extra div.

Resolves #1933.

Testing steps

Confirm that Collapsed Queue works on both the draft and queue pages.

[marcustyphoon]

Also doable declaratively, though it's sort of a pain to implement the same logic. ex:

    footerElement.before(
      div({ class: wrapperClass }, [
        div({ class: containerClass }, [
          ...footerElement.parentElement.querySelectorAll(
            `:scope > :not(:has(~ header), header, ${footerSelector}, ${footerSelector} ~ *)`
          )
        ])
      ])
    );

    const elements = [...footerElement.parentElement.children];

    const headerIndex = elements.findIndex(element => element.matches('header'));
    const footerIndex = elements.findIndex(element => element === footerElement);

    footerElement.before(
      div({ class: wrapperClass }, [
        div({ class: containerClass },
          elements.slice(
            headerIndex !== -1 ? headerIndex : 0,
            footerIndex !== -1 ? footerIndex : undefined
          )
        )
      ])
    );

Or one could still use a loop but run it on an array of elements, avoiding the multiple DOM manipulations.