Bookings: Fix styling for booking list on iOS 18 (#16366)

Author: itsmeichigo

Modules/Sources/WooFoundation/ViewModifiers/View+Conditionals.swift

@@ -11,6 +11,13 @@ public extension View {
         return self
     }
 
+    /// Applies modifiers within a closure.
+    /// Helpful for setting different modifiers conditionally (e.g. OS versions).
+    ///
+    func apply<V: View>(@ViewBuilder _ block: (Self) -> V) -> V {
+        block(self)
+    }
+
     /// Applies the given transform if the given condition evaluates to `true`.
     /// - Parameters:
     ///   - condition: The condition to evaluate.

WooCommerce/Classes/Bookings/BookingList/BookingListView.swift

@@ -120,9 +120,21 @@ private extension BookingListView {
             } header: {
                 header
                     .listRowInsets(EdgeInsets())
+                    .textCase(nil)
             }
         }
-        .listStyle(.plain)
+        .apply {
+            /// Plain list style in iOS prior to 26.0 comes with extra spacing at the top of header.
+            /// Use grouped style for these versions instead.
+            /// Grouped list style doesn't pin header at the top, we have to accept this.
+            if #available(iOS 26.0, *) {
+                $0.listStyle(.plain)
+            } else {
+                $0.listStyle(.grouped)
+            }
+        }
+        .listStyle(.grouped)
+        .scrollContentBackground(.hidden)
         .listSectionSeparator(.hidden, edges: .top)
         .background(Color(.listBackground))
         .refreshable {