Refactors calendar configuration and event handling

Streamlines calendar configuration by adopting a singleton pattern for consistent access and simplifies event handling.

- Removes direct `CalendarConfig` dependency injection in favor of the `calendarConfig` singleton, reducing code complexity.
- Replaces specific event emissions for grid, date, and resource settings updates with a general `REFRESH_REQUESTED` event.
- Updates event names to be more descriptive and consistent ("NAVIGATION_COMPLETED", "PERIOD_INFO_UPDATE").
- Removes the need to pass the calendar config to renderers since it is now a singleton.

This improves code maintainability and simplifies the event emission process.

src/renderers/GridRenderer.ts

@@ -1,4 +1,4 @@
-import { CalendarConfig } from '../core/CalendarConfig';
+import { calendarConfig } from '../core/CalendarConfig';
 import { ResourceCalendarData, CalendarView } from '../types/CalendarTypes';
 import { CalendarTypeFactory } from '../factories/CalendarTypeFactory';
 import { HeaderRenderContext } from './HeaderRenderer';
@@ -11,14 +11,12 @@ import { DateCalculator } from '../utils/DateCalculator';
  * Optimized to reduce redundant DOM operations and improve performance
  */
 export class GridRenderer {
-  private config: CalendarConfig;
   private headerEventListener: ((event: Event) => void) | null = null;
   private cachedGridContainer: HTMLElement | null = null;
   private cachedCalendarHeader: HTMLElement | null = null;
   private cachedTimeAxis: HTMLElement | null = null;
 
-  constructor(config: CalendarConfig) {
-    this.config = config;
+  constructor() {
   }
 
   /**
@@ -83,7 +81,7 @@ export class GridRenderer {
   private createOptimizedTimeAxis(): HTMLElement {
     const timeAxis = document.createElement('swp-time-axis');
     const timeAxisContent = document.createElement('swp-time-axis-content');
-    const gridSettings = this.config.getGridSettings();
+    const gridSettings = calendarConfig.getGridSettings();
     const startHour = gridSettings.dayStartHour;
     const endHour = gridSettings.dayEndHour;
     
@@ -146,12 +144,12 @@ export class GridRenderer {
     resourceData: ResourceCalendarData | null,
     view: CalendarView
   ): void {
-    const calendarType = this.config.getCalendarMode();
+    const calendarType = calendarConfig.getCalendarMode();
     const headerRenderer = CalendarTypeFactory.getHeaderRenderer(calendarType);
     
     const context: HeaderRenderContext = {
       currentWeek: currentDate, // HeaderRenderer expects currentWeek property
-      config: this.config,
+      config: calendarConfig,
       resourceData: resourceData
     };
 
@@ -173,12 +171,12 @@ export class GridRenderer {
     resourceData: ResourceCalendarData | null,
     view: CalendarView
   ): void {
-    const calendarType = this.config.getCalendarMode();
+    const calendarType = calendarConfig.getCalendarMode();
     const columnRenderer = CalendarTypeFactory.getColumnRenderer(calendarType);
     
     const context: ColumnRenderContext = {
       currentWeek: currentDate, // ColumnRenderer expects currentWeek property
-      config: this.config,
+      config: calendarConfig,
       resourceData: resourceData
     };
 
@@ -260,7 +258,7 @@ export class GridRenderer {
         }
         
         // Get header renderer once and cache
-        const calendarType = this.config.getCalendarMode();
+        const calendarType = calendarConfig.getCalendarMode();
         const headerRenderer = CalendarTypeFactory.getHeaderRenderer(calendarType);
         
         eventBus.emit('header:mouseover', {