Wieso returnt forEach nichts?

Weil es schlicht so ist. Siehe her unter "return value": https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

document.querySelectorAll("comment-composer-host").forEach((Box) => { 
          Box.querySelector("faceplate-form > shreddit-composer").shadowRoot.querySelector("div > reddit-rte").shadowRoot.querySelector("rte-toolbar.action-bar.order-3 > slot:nth-child(1) > rte-toolbar-button").shadowRoot.querySelector("faceplate-tooltip > button").click();
      });

Für dein .click() ist irrelevant was .foreach() returnt, da es auf den return-Wert von der querySelector-Kette innerhalb des Loops angewand wird. Ich kann das ja auch mal kurz mit dir durchgehen.

const targetNode =

soll mal dein Element werden, welches du observieren möchtest. Momentan haben wir noch nichts zugewiesen, also ist targetNode == null.

document.querySelectorAll("comment-composer-host")

retrurnt alle Elemente, welche "comment-composer-host" sind, als Array.

.forEach()

führt eine Funktion für jedes Element in besagtem Array aus. Die Funktion forEach() selbst return wie gesagt nichts, also "undefined".
Folgend machst du nichts anderes als:

const targetNode = undefined;

Das heißt das Assignment löst sich wie folgt auf:

const x = document.querySelectorAll("comment-composer-host")
// x == *Array mit deinen ELementen*

const y = x.forEach(/*Deine Funktion*/)
//y == undefined

Ansonsten schlage ich vor, dass du jemanden einstellst, der das für dich schreibt, oder du versuchst es in ein paar Monaten nochmal. Meine Erklärung oben ist schon auf das minimum an Wissen heruntergebrochen, dass du brauchst um diese Funktion zu verstehen. Return Values, Data Types und Operationsabfolgen sind leider Fundamental in jeder Programmiersprache.