fix ripple

Co-authored-by: Copilot <copilot@github.com>

Overlord-Server/public/assets/ripple.js

@@ -1,5 +1,16 @@
-function addRippleEffect(element) {
+(() => {
+  if (window.__overlordRippleInitialized) {
+    return;
+  }
+  window.__overlordRippleInitialized = true;
+
+  function addRippleEffect(element) {
+    if (!element || element.dataset.rippleBound === "1") {
+      return;
+    }
+
     element.classList.add("ripple");
+    element.dataset.rippleBound = "1";
 
     element.addEventListener("click", function (e) {
       this.classList.remove("ripple-active");
@@ -19,14 +30,21 @@ function addRippleEffect(element) {
         this.classList.remove("ripple-active");
       }, 600);
     });
-}
+  }
 
-document.addEventListener("DOMContentLoaded", () => {
+  function initRippleEffects() {
     document
       .querySelectorAll("button:not(.no-ripple), .button:not(.no-ripple)")
       .forEach((btn) => {
         addRippleEffect(btn);
       });
-});
+  }
 
-window.addRippleEffect = addRippleEffect;
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initRippleEffects, { once: true });
+  } else {
+    initRippleEffects();
+  }
+
+  window.addRippleEffect = addRippleEffect;
+})();