Implements event overlap rendering

Adds logic to handle event overlaps in the calendar view. It introduces two patterns: column sharing for events with the same start time (rendered using flexbox) and stacking for events with a >30 min difference (rendered with reduced width and z-index).

It also introduces deep linking to specific events via URL parameters.

src/managers/ScrollManager.ts

@@ -45,6 +45,16 @@ export class ScrollManager {
     window.addEventListener('resize', () => {
       this.updateScrollableHeight();
     });
+
+    // Listen for scroll to event time requests
+    eventBus.on('scroll:to-event-time', (event: Event) => {
+      const customEvent = event as CustomEvent;
+      const { eventStartTime } = customEvent.detail;
+      
+      if (eventStartTime) {
+        this.scrollToEventTime(eventStartTime);
+      }
+    });
   }
 
   /**
@@ -97,6 +107,25 @@ export class ScrollManager {
     this.scrollTo(scrollTop);
   }
 
+  /**
+   * Scroll to specific event time
+   * @param eventStartTime ISO string of event start time
+   */
+  scrollToEventTime(eventStartTime: string): void {
+    try {
+      const eventDate = new Date(eventStartTime);
+      const eventHour = eventDate.getHours();
+      const eventMinutes = eventDate.getMinutes();
+      
+      // Convert to decimal hour (e.g., 14:30 becomes 14.5)
+      const decimalHour = eventHour + (eventMinutes / 60);
+      
+      this.scrollToHour(decimalHour);
+    } catch (error) {
+      console.warn('ScrollManager: Failed to scroll to event time:', error);
+    }
+  }
+
   /**
    * Setup ResizeObserver to monitor container size changes
    */