fix malformed track names in schedule list title

Stop appending "s" to the track name for display — it was creating
"Ais", "Securitys", "Lightning-talkss". The "s" suffix is only
needed for slug matching, not the page title. The trackName pipe
handles proper display formatting.

Resolves: PYMOBIL-71

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: JacobCoffee

src/app/pages/schedule-list/schedule-list.page.html

@@ -4,26 +4,19 @@
       <ion-menu-button [color]="liveUpdateService.needsUpdate ? 'primary' : 'medium'"></ion-menu-button>
       <ion-badge *ngIf="liveUpdateService.needsUpdate" size=sm>1</ion-badge>
     </ion-buttons>
-    <ion-title *ngIf="!ios && !showSearchbar">{{trackName | trackName}}</ion-title>
-    <ion-searchbar #search *ngIf="showSearchbar" [debounce]="250" showCancelButton="always" [(ngModel)]="sessionQueryText" (ionClear)="resetSessions()" (ionCancel)="resetSessions()" (ionChange)="searchSessions()" (ionCancel)="showSearchbar = false" placeholder="Search"></ion-searchbar>
-    <ion-buttons slot="end">
-      <ion-button *ngIf="!ios && !showSearchbar" (click)="showSearchbar = true && focusButton()">
-        <ion-icon slot="icon-only" name="search"></ion-icon>
-      </ion-button>
+    <ion-title *ngIf="!showSearchbar" class="track-title">
+      {{trackName | trackName : 'plural'}}
+    </ion-title>
+    <ion-buttons *ngIf="(trackName | lowercase) === 'ai' || (trackName | lowercase) === 'security'" slot="end">
+      <span class="track-badge new-badge toolbar-new-badge">New track!</span>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
 
 <ion-content fullscreen="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">{{trackName | trackName}}</ion-title>
-    </ion-toolbar>
-
-    <ion-toolbar>
-      <ion-searchbar [(ngModel)]="sessionQueryText" [debounce]="250" (ionClear)="resetSessions()" (ionCancel)="resetSessions()" (ionChange)="searchSessions()" placeholder="Search"></ion-searchbar>
-    </ion-toolbar>
-  </ion-header>
+  <ion-toolbar class="search-toolbar">
+    <ion-searchbar [(ngModel)]="sessionQueryText" [debounce]="250" (ionClear)="resetSessions()" (ionCancel)="resetSessions()" (ionChange)="searchSessions()" placeholder="Search"></ion-searchbar>
+  </ion-toolbar>
 
   <!-- Regular sessions display -->
   <ion-grid *ngIf="!isOpenSpaceView">

src/app/pages/schedule-list/schedule-list.page.scss

@@ -1,3 +1,39 @@
+::ng-deep ion-title.track-title {
+  font-size: 0.95rem;
+
+  .title-default {
+    white-space: normal !important;
+    overflow: visible !important;
+    text-overflow: unset !important;
+  }
+
+  div {
+    white-space: normal !important;
+    overflow: visible !important;
+    text-overflow: unset !important;
+  }
+}
+
+.search-toolbar {
+  --background: transparent;
+  --border-width: 0;
+  padding: 0 8px 4px;
+}
+
+.search-toolbar ion-searchbar {
+  --border-radius: 10px;
+  --box-shadow: none;
+  --background: var(--ion-color-step-50, #f2f2f2);
+  font-size: 0.9rem;
+  padding: 0;
+  height: 36px;
+}
+
+.toolbar-new-badge {
+  font-size: 0.75rem;
+  margin-right: 12px;
+}
+
 .session-card {
   width: 100%;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

src/app/pages/schedule-list/schedule-list.page.ts

@@ -146,7 +146,7 @@ export class ScheduleListPage implements OnInit {
             if (slugify(trackNameToCompare + (typeof track === 'string' ? '' : 's')) !== this.trackSlug) {
               this.excludeTracks.push(trackNameToCompare);
             } else {
-              this.trackName = trackNameToCompare + (typeof track === 'string' ? '' : 's');
+              this.trackName = trackNameToCompare;
             }
           })
           if (slug !== 'open-spaces') {

src/app/pipes/track-name.pipe.ts

@@ -5,6 +5,20 @@ const TRACK_DISPLAY_NAMES: Record<string, string> = {
   'Lightning-talks': 'Lightning Talks',
 };
 
+const TRACK_PLURAL_NAMES: Record<string, string> = {
+  'Ai': 'Future of AI with Python',
+  'Security': 'Trailblazing Python Security',
+  'Talk': 'Talks',
+  'Keynote': 'Keynotes',
+  'Tutorial': 'Tutorials',
+  'Charla': 'Charlas',
+  'Poster': 'Posters',
+  'Lightning-talks': 'Lightning Talks',
+  'Plenary': 'Plenaries',
+  'Break': 'Breaks',
+  'Sponsor Presentation': 'Sponsor Presentations',
+};
+
 const TRACK_LONG_NAMES: Record<string, string> = {
   'Ai': 'The Future of AI with Python',
   'Security': 'Trailblazing Python Security',
@@ -17,6 +31,7 @@ export class TrackNamePipe implements PipeTransform {
   transform(value: string, format: string = 'short'): string {
     if (!value) return value;
     if (format === 'long' && TRACK_LONG_NAMES[value]) return TRACK_LONG_NAMES[value];
+    if (format === 'plural' && TRACK_PLURAL_NAMES[value]) return TRACK_PLURAL_NAMES[value];
     if (TRACK_DISPLAY_NAMES[value]) return TRACK_DISPLAY_NAMES[value];
     return value.replace(/-/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
   }