Prevent hidden element in collapse margin sidebar to trigger events

When hiding the sidebar, we change opacity and add overflow hidden, but opacity: 0 does not prevent event to be triggered.
Though it has the best performance: https://www.sitepoint.com/hide-elements-in-css/#1opacityandfilteropacity

So for the hidden TOC node, we use pointer-events: none to prevent any event to be triggered.
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Author: cderv

src/resources/formats/html/quarto.js

@@ -319,6 +319,7 @@ window.document.addEventListener("DOMContentLoaded", function (_event) {
           for (const child of el.children) {
             child.style.opacity = 0;
             child.style.overflow = "hidden";
+            child.style.pointerEvents = "none";
           }
 
           nexttick(() => {
@@ -360,6 +361,7 @@ window.document.addEventListener("DOMContentLoaded", function (_event) {
 
               const clone = child.cloneNode(true);
               clone.style.opacity = 1;
+              clone.style.pointerEvents = null;
               clone.style.display = null;
               toggleContents.append(clone);
             }
@@ -434,6 +436,7 @@ window.document.addEventListener("DOMContentLoaded", function (_event) {
           for (const child of el.children) {
             child.style.opacity = 1;
             child.style.overflow = null;
+            child.style.pointerEvents = null;
           }
 
           const placeholderEl = window.document.getElementById(