chore(UVE): Add Analytics to track Mode changes and Calendar usage

[zJaaal]

WIP

[oidacra]

I feel we are duplicating all this.

[oidacra]

Why not just

@Injectable({
  providedIn: 'root'
})
export class DotAnalyticsService {
   #analytics: DotAnalytics;

  constructor() {
    // Initialize analytics service with configuration
    this.analytics = initializeContentAnalytics({
      key: xxxx,
      host: dotcms
    });
  }

  /**
   * Track a custom event
   * @param eventName Name of the event to track
   * @param data Additional data for the event
   */
  trackEvent(eventName: string, data: Record<string, unknown> = {}): void {
    this.analytics.track(eventName, data);
  }
}

an use it:

@Component({
  selector: 'dot-feature',
  standalone: true,
  template: `<button (click)="onButtonClick()">See Details →</button>`
})
export class FeatureComponent {
  private readonly analyticsService = inject(DotAnalyticsService);
  
  onButtonClick(): void {
    // Track button click event with custom properties
    this.analyticsService.track('btn-click', {
      title: 'Feature Title',
      urlTitle: 'feature-title',
      section: 'main-content'
    });
  }
}