Refactors calendar initialization with factory

Implements a factory pattern for manager creation and
initialization, improving dependency management and
extensibility.

This change replaces direct manager instantiation with a
`ManagerFactory` that handles dependency injection. This
enhances code organization and testability. It also includes
an initialization sequence diagram for better understanding
of the calendar's architecture and data flow.

src/renderers/EventRendererManager.ts

@@ -8,10 +8,10 @@ import { EventManager } from '../managers/EventManager';
 import { EventRendererStrategy } from './EventRenderer';
 
 /**
- * EventRenderer - Render events i DOM med positionering using Strategy Pattern
+ * EventRenderingService - Render events i DOM med positionering using Strategy Pattern
  * Håndterer event positioning og overlap detection
  */
-export class EventRenderer {
+export class EventRenderingService {
     private eventBus: IEventBus;
     private eventManager: EventManager;
     private strategy: EventRendererStrategy;

src/renderers/GridRenderer.ts

@@ -3,7 +3,6 @@ import { ResourceCalendarData } from '../types/CalendarTypes';
 import { CalendarTypeFactory } from '../factories/CalendarTypeFactory';
 import { HeaderRenderContext } from './HeaderRenderer';
 import { ColumnRenderContext } from './ColumnRenderer';
-
 /**
  * GridRenderer - Handles DOM rendering for the calendar grid
  * Separated from GridManager to follow Single Responsibility Principle

src/renderers/NavigationRenderer.ts

@@ -11,6 +11,34 @@ export class NavigationRenderer {
 
   constructor(eventBus: IEventBus) {
     this.eventBus = eventBus;
+    this.setupEventListeners();
+  }
+
+  /**
+   * Setup event listeners for DOM updates
+   */
+  private setupEventListeners(): void {
+    this.eventBus.on(EventTypes.WEEK_INFO_UPDATED, (event: Event) => {
+      const customEvent = event as CustomEvent;
+      const { weekNumber, dateRange } = customEvent.detail;
+      this.updateWeekInfoInDOM(weekNumber, dateRange);
+    });
+  }
+
+  /**
+   * Update week info in DOM elements
+   */
+  private updateWeekInfoInDOM(weekNumber: number, dateRange: string): void {
+    const weekNumberElement = document.querySelector('swp-week-number');
+    const dateRangeElement = document.querySelector('swp-date-range');
+    
+    if (weekNumberElement) {
+      weekNumberElement.textContent = `Week ${weekNumber}`;
+    }
+    
+    if (dateRangeElement) {
+      dateRangeElement.textContent = dateRange;
+    }
   }
 
   /**