Adds navigation buttons management and refactors navigation

Introduces NavigationButtonsManager to handle navigation button interactions
Renames NavigationRenderer to WeekInfoRenderer for clarity
Adds new NAV_BUTTON_CLICKED event for better separation of concerns

Improves event-driven navigation workflow

src/managers/NavigationButtonsManager.ts

@@ -0,0 +1,71 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { CoreEvents } from '../constants/CoreEvents';
+
+/**
+ * NavigationButtonsManager - Manages navigation button UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-nav-group> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-nav-button elements
+ * - Validates navigation actions (prev, next, today)
+ * - Emits NAV_BUTTON_CLICKED events
+ * - Manages button UI listeners
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → validateAction() → emit event → NavigationManager handles navigation
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - NavigationManager: Performs actual navigation logic (animations, grid updates, week calculations)
+ */
+export class NavigationButtonsManager {
+  private eventBus: IEventBus;
+  private buttonListeners: Map<Element, EventListener> = new Map();
+
+  constructor(eventBus: IEventBus) {
+    this.eventBus = eventBus;
+    this.setupButtonListeners();
+  }
+
+  /**
+   * Setup click listeners on all navigation buttons
+   */
+  private setupButtonListeners(): void {
+    const buttons = document.querySelectorAll('swp-nav-button[data-action]');
+
+    buttons.forEach(button => {
+      const clickHandler = (event: Event) => {
+        event.preventDefault();
+        const action = button.getAttribute('data-action');
+        if (action && this.isValidAction(action)) {
+          this.handleNavigation(action);
+        }
+      };
+
+      button.addEventListener('click', clickHandler);
+      this.buttonListeners.set(button, clickHandler);
+    });
+  }
+
+  /**
+   * Handle navigation action
+   */
+  private handleNavigation(action: string): void {
+    // Emit navigation button clicked event
+    this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, {
+      action: action
+    });
+  }
+
+  /**
+   * Validate if string is a valid navigation action
+   */
+  private isValidAction(action: string): boolean {
+    return ['prev', 'next', 'today'].includes(action);
+  }
+}

src/managers/NavigationManager.ts

@@ -2,12 +2,12 @@ import { IEventBus } from '../types/CalendarTypes';
 import { EventRenderingService } from '../renderers/EventRendererManager';
 import { DateService } from '../utils/DateService';
 import { CoreEvents } from '../constants/CoreEvents';
-import { NavigationRenderer } from '../renderers/NavigationRenderer';
+import { WeekInfoRenderer } from '../renderers/WeekInfoRenderer';
 import { GridRenderer } from '../renderers/GridRenderer';
 
 export class NavigationManager {
   private eventBus: IEventBus;
-  private navigationRenderer: NavigationRenderer;
+  private weekInfoRenderer: WeekInfoRenderer;
   private gridRenderer: GridRenderer;
   private dateService: DateService;
   private currentWeek: Date;
@@ -19,11 +19,11 @@ export class NavigationManager {
     eventRenderer: EventRenderingService,
     gridRenderer: GridRenderer,
     dateService: DateService,
-    navigationRenderer: NavigationRenderer
+    weekInfoRenderer: WeekInfoRenderer
   ) {
     this.eventBus = eventBus;
     this.dateService = dateService;
-    this.navigationRenderer = navigationRenderer;
+    this.weekInfoRenderer = weekInfoRenderer;
     this.gridRenderer = gridRenderer;
     this.currentWeek = this.getISOWeekStart(new Date());
     this.targetWeek = new Date(this.currentWeek);
@@ -54,17 +54,12 @@ export class NavigationManager {
     // Listen for filter changes and apply to pre-rendered grids
     this.eventBus.on(CoreEvents.FILTER_CHANGED, (e: Event) => {
       const detail = (e as CustomEvent).detail;
-      this.navigationRenderer.applyFilterToPreRenderedGrids(detail);
+      this.weekInfoRenderer.applyFilterToPreRenderedGrids(detail);
     });
 
-    // Listen for navigation button clicks
-    document.addEventListener('click', (e) => {
-      const target = e.target as HTMLElement;
-      const navButton = target.closest('[data-action]') as HTMLElement;
-
-      if (!navButton) return;
-
-      const action = navButton.dataset.action;
+    // Listen for navigation button clicks from NavigationButtonsManager
+    this.eventBus.on(CoreEvents.NAV_BUTTON_CLICKED, (event: Event) => {
+      const { action } = (event as CustomEvent).detail;
 
       switch (action) {
         case 'prev':