Make total ticket price dynamic

Refactored price display logic to use computed total price and formatted output in order and seat selection components. Disabled reservation and booking buttons when no seats are selected. Improved clarity by renaming totalPrice to totalCategoryPrice in seat selection.

src/app/seat-selection/seat-selection.component.html

@@ -6,6 +6,6 @@
     </mat-icon>
     <p>{{ getPriceDisplay(seatCategory().price) }}</p>
   </div>
-  <p>×&thinsp;{{selectedSeatsByCategory()}}</p>
-  <p class="w-2/7 text-right">{{ getPriceDisplay(totalPrice())}}</p>
+  <p>×&thinsp;{{ selectedSeatsByCategory() }}</p>
+  <p class="w-2/7 text-right">{{ getPriceDisplay(totalCategoryPrice()) }}</p>
 </div>

src/app/seat-selection/seat-selection.component.ts

@@ -17,7 +17,7 @@ export class SeatSelectionComponent {
     this.SelectedSeatsService.getSelectedSeatsByCategory(this.seatCategory().id).length
   );
 
-  totalPrice = computed(() =>
+  totalCategoryPrice = computed(() =>
     this.selectedSeatsByCategory() * this.seatCategory().price
   );