Adds fuzzy search filter system

Implements a fuzzy search filter system using Fuse.js to enhance event searching.

This system allows users to quickly find events by typing partial matches of event titles or descriptions, providing visual feedback by dimming non-matching events. The filter persists during navigation and includes escape key support for quick clearing. It also includes performance optimizations like requestAnimationFrame debouncing.

src/renderers/EventRendererManager.ts

@@ -53,6 +53,12 @@ export class EventRenderingService {
         this.strategy.renderEvents(events, context.container, calendarConfig);
         
         console.log(`   ✅ Rendered ${events.length} events successfully`);
+        
+        // Emit EVENTS_RENDERED event for filtering system
+        this.eventBus.emit(CoreEvents.EVENTS_RENDERED, {
+            events: events,
+            container: context.container
+        });
     }
 
     private setupEventListeners(): void {

src/renderers/NavigationRenderer.ts

@@ -48,6 +48,46 @@ export class NavigationRenderer {
       dateRangeElement.textContent = dateRange;
     }
   }
+  
+  /**
+   * Apply filter state to pre-rendered grids
+   */
+  public applyFilterToPreRenderedGrids(filterState: { active: boolean; matchingIds: string[] }): void {
+    // Find all grid containers (including pre-rendered ones)
+    const allGridContainers = document.querySelectorAll('swp-grid-container');
+    
+    allGridContainers.forEach(container => {
+      const eventsLayers = container.querySelectorAll('swp-events-layer');
+      
+      eventsLayers.forEach(layer => {
+        if (filterState.active) {
+          // Apply filter active state
+          layer.setAttribute('data-filter-active', 'true');
+          
+          // Mark matching events in this layer
+          const events = layer.querySelectorAll('swp-event');
+          events.forEach(event => {
+            const eventId = event.getAttribute('data-event-id');
+            if (eventId && filterState.matchingIds.includes(eventId)) {
+              event.setAttribute('data-matches', 'true');
+            } else {
+              event.removeAttribute('data-matches');
+            }
+          });
+        } else {
+          // Remove filter state
+          layer.removeAttribute('data-filter-active');
+          
+          // Remove all match attributes
+          const events = layer.querySelectorAll('swp-event');
+          events.forEach(event => {
+            event.removeAttribute('data-matches');
+          });
+        }
+      });
+    });
+    
+  }
 
   /**
    * Render a complete container with content and events