Split summery text to multiple lines for better readability.

Author: adborbas

WooCommerce/Classes/Bookings/BookingList/BookingListView.swift

@@ -152,10 +152,19 @@ private extension BookingListView {
                 .frame(maxWidth: .infinity, alignment: .leading)
                 .foregroundStyle(Color.primary)
 
-            Text(booking.summaryText)
-                .font(.footnote)
-                .fontWeight(.medium)
-                .foregroundStyle(Color.secondary)
+            VStack(alignment: .leading) {
+                if let productName = booking.productName {
+                    Text(productName)
+                        .font(.footnote)
+                        .fontWeight(.medium)
+                        .foregroundStyle(Color.secondary)
+                }
+
+                Text(booking.customerName)
+                    .font(.footnote)
+                    .fontWeight(.medium)
+                    .foregroundStyle(Color.secondary)
+            }
 
             HStack {
                 BookingBadgeView(booking.attendanceStatus)

WooCommerce/Classes/Extensions/Booking+Helpers.swift

@@ -13,12 +13,6 @@ extension Booking {
         return name.isEmpty ? Localization.guest : name
     }
 
-    var summaryText: String {
-        return [productName, customerName]
-            .compactMap { $0 }
-            .joined(separator: "  •  ")
-    }
-
     var isEligibleForMarkAsPaid: Bool {
         bookingStatus == .unpaid
     }