feat: enhance hero banner component with event schedule toggle and styling improvements

src/app/shared/components/hero-banner/hero-banner.component.ts

@@ -16,6 +16,8 @@ export class HeroBannerComponent {
   @Input() heroConfig?: HeroConfig | null;
   @Input() eventConfig?: EventConfig | null;
 
+  protected schedulesExpanded = false;
+
   get formattedDates(): string {
     if (this.eventConfig?.dates_text) {
       return this.eventConfig.dates_text;
@@ -27,4 +29,28 @@ export class HeroBannerComponent {
 
     return this.eventConfig.dates.map(({ date }) => date).join(', ');
   }
+
+  protected toggleSchedules(): void {
+    this.schedulesExpanded = !this.schedulesExpanded;
+  }
+
+  protected formatScheduleDate(date: string): string {
+    const [year, month, day] = date.split('-').map(Number);
+
+    if (!year || !month || !day) {
+      return date;
+    }
+
+    const monthName = new Intl.DateTimeFormat('es-AR', {
+      month: 'long',
+      timeZone: 'UTC',
+    }).format(new Date(Date.UTC(year, month - 1, day)));
+    const capitalizedMonth = `${monthName.charAt(0).toUpperCase()}${monthName.slice(1)}`;
+
+    return `${day} de ${capitalizedMonth} ${year}`;
+  }
+
+  protected formatScheduleTime(time: string): string {
+    return time.match(/^\d{2}:\d{2}/)?.[0] ?? time;
+  }
 }