remove separators store detail view

Author: iamgabrielma

WooCommerce/Classes/POS/Presentation/Settings/PointOfSaleSettingsStoreDetailView.swift

@@ -20,14 +20,16 @@ struct PointOfSaleSettingsStoreDetailView: View {
                             .font(.posBodyMediumRegular())
                             .foregroundStyle(.secondary)
                     }
-
+                    .listRowSeparator(.hidden)
+                    
                     VStack(alignment: .leading, spacing: POSPadding.small) {
                         Text(Localization.address)
                             .font(.posBodyMediumRegular())
                         Text(viewModel.storeAddress)
                             .font(.posBodyMediumRegular())
                             .foregroundStyle(.secondary)
                     }
+                    .listRowSeparator(.hidden)
                 } header: {
                     Text(Localization.storeInformation)
                         .font(.posBodyLargeRegular())
@@ -40,37 +42,47 @@ struct PointOfSaleSettingsStoreDetailView: View {
                             .font(.posBodyMediumRegular())
                         settingValueView(for: viewModel.receiptInformation.storeName)
                     }
+                    .listRowSeparator(.hidden)
 
                     VStack(alignment: .leading, spacing: POSPadding.small) {
                         Text(Localization.physicalAddress)
                             .font(.posBodyMediumRegular())
                         settingValueView(for: viewModel.receiptInformation.storeAddress)
                     }
+                    .listRowSeparator(.hidden)
 
                     VStack(alignment: .leading, spacing: POSPadding.small) {
                         Text(Localization.phoneNumber)
                             .font(.posBodyMediumRegular())
                         settingValueView(for: viewModel.receiptInformation.phone)
                     }
+                    .listRowSeparator(.hidden)
 
                     VStack(alignment: .leading, spacing: POSPadding.small) {
                         Text(Localization.email)
                             .font(.posBodyMediumRegular())
                         settingValueView(for: viewModel.receiptInformation.email)
                     }
-
+                    .listRowSeparator(.hidden)
+  
                     VStack(alignment: .leading, spacing: POSPadding.small) {
                         Text(Localization.refundReturnsPolicy)
                             .font(.posBodyMediumRegular())
                         settingValueView(for: viewModel.receiptInformation.refundReturnsPolicy)
                     }
+                    .listRowSeparator(.hidden)
                 } header: {
                     Text(Localization.receiptInformation)
                         .font(.posBodyLargeRegular())
                         .textCase(nil)
                 }
                 .renderedIf(viewModel.shouldShowReceiptInformation)
             }
+            .listStyle(.plain)
+            .scrollContentBackground(.hidden)
+            .background(Color.posOnPrimaryContainer)
+            .listRowSeparator(.hidden)
+            .listSectionSeparator(.hidden)
             .task {
                 isLoading = true
                 await viewModel.retrievePOSReceiptSettings()