fix: debug panel close button not working

Added event.preventDefault() and event.stopPropagation() to close button handler
to prevent any interference from parent elements.

Also added pointer-events: none to button icons to ensure clicks on the icon
register on the button itself, not the <i> element.

Changes:
- src/systems/ui/debug.js: Added e.preventDefault/stopPropagation to close handler
- src/systems/ui/debug.js: Added console.log for debugging
- style.css: Added pointer-events: none to .rpg-debug-actions button i

src/systems/ui/debug.js

@@ -63,7 +63,10 @@ function setupDebugEventHandlers() {
     });
 
     // Close button
-    $('#rpg-debug-close').on('click', function() {
+    $('#rpg-debug-close').on('click', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        console.log('[RPG Debug] Close button clicked');
         $('#rpg-debug-panel').removeClass('rpg-debug-open');
     });
 

style.css

@@ -4884,6 +4884,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     transform: scale(0.95);
 }
 
+.rpg-debug-actions button i {
+    pointer-events: none; /* Prevent icon from blocking clicks */
+}
+
 .rpg-debug-logs {
     flex: 1;
     overflow-y: auto;