Implement centralized event management system with priority handling and state tracking

- Enhanced EventManager class to support priority-based event handling, conditional execution, and automatic cleanup.
- Integrated event management into BulkManager for global keyboard shortcuts and marquee selection events.
- Migrated mouse tracking and node selector events to UIHelpers for better coordination.
- Established global event handlers for context menu interactions and modal state management.
- Added comprehensive documentation for event management implementation and usage.
- Implemented initialization logic for event management, including error handling and cleanup on page unload.

static/js/core.js

@@ -16,14 +16,13 @@ import { migrateStorageItems } from './utils/storageHelpers.js';
 import { i18n } from './i18n/index.js';
 import { onboardingManager } from './managers/OnboardingManager.js';
 import { BulkContextMenu } from './components/ContextMenu/BulkContextMenu.js';
-import { createPageContextMenu, initializeContextMenuCoordination } from './components/ContextMenu/index.js';
+import { createPageContextMenu } from './components/ContextMenu/index.js';
+import { initializeEventManagement } from './utils/eventManagementInit.js';
 
 // Core application class
 export class AppCore {
     constructor() {
         this.initialized = false;
-        this.pageContextMenu = null;
-        this.bulkContextMenu = null;
     }
     
     // Initialize core functionality
@@ -70,6 +69,8 @@ export class AppCore {
 
         const cardInfoDisplay = state.global.settings.cardInfoDisplay || 'always';
         document.body.classList.toggle('hover-reveal', cardInfoDisplay === 'hover');
+
+        initializeEventManagement();
         
         // Mark as initialized
         this.initialized = true;
@@ -107,15 +108,7 @@ export class AppCore {
     // Initialize context menus for the current page
     initializeContextMenus(pageType) {
         // Create page-specific context menu
-        this.pageContextMenu = createPageContextMenu(pageType);
-        
-        // Get bulk context menu from bulkManager
-        this.bulkContextMenu = bulkManager.bulkContextMenu;
-        
-        // Initialize context menu coordination
-        if (this.pageContextMenu || this.bulkContextMenu) {
-            initializeContextMenuCoordination(this.pageContextMenu, this.bulkContextMenu);
-        }
+        window.pageContextMenu = createPageContextMenu(pageType);
     }
 }