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

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;