Add order and performance info components to ticket overlay

Introduces OrderComponent, PerformanceInfoComponent, and ShoppingCartComponent for the ticket purchase flow. Updates theater-overlay to display seat selection alongside order details and performance info. Refactors seat and performance data loading, improves UI structure, and enhances movie info display components for consistency.

src/app/performance-info/performance-info.component.html

@@ -0,0 +1,21 @@
+<div class="info-box bg-indigo-100 h-22 flex items-center space-x-3 rounded-md p-1 shadow-sm">
+
+  <div class="h-full">
+    <img
+      [src]="movie().image && movie().image !== 'N/A' ? movie().image : 'assets/poster_placeholder.png'"
+      alt="Movie Poster"
+      class="h-full w-auto shadow-xs rounded-sm"
+      (error)="onPosterError($event)"
+    >
+  </div>
+
+  <div class="text-md">
+      <h3 class="opacity-75">{{ getStartTimeString() }} • {{ performance().hall.name }}</h3>
+      <h1 class="font-semibold my-1">{{ movie().title }}</h1>
+      <div class="flex items-center">
+        <app-movie-rating [rating]="movie().rating" class="rounded-sm shadow-xs px-0.75 py-0.2 text-sm"></app-movie-rating>
+        <app-movie-duration [duration]="movie().duration" [showIcon]="false" class="ml-1.5 opacity-75"></app-movie-duration>
+      </div>
+  </div>
+
+</div>