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/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;
+    }
   }
 
   /**