fix(gatsby-legacy-polyfills): add dom collections to polyfills

[wardpeet]

Description

Enable dom iterables polyfill for nodeList.forEach and others.

You can test it with this snippet in IE11

import React from "react"

export default function Home() {
  const myRef = React.useRef()

  React.useEffect(() => {
    // console.log(myRef.current)
    myRef.current.querySelectorAll("li").forEach(node => {
      console.log(node.innerHTML)
    })
  }, [])

  return (
    <div>
      <ul ref={myRef}>
        <li>hello</li>
        <li>hi</li>
        <li>yo</li>
      </ul>
    </div>
  )
}

Related Issues

Fixes #30473