remove shimmering card, instead add line

Author: iamgabrielma

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

@@ -114,7 +114,11 @@ struct PointOfSaleSettingsStoreDetailView: View {
     @ViewBuilder
     private func settingValueView(for value: String?) -> some View {
         if isLoading {
-            GhostSettingRowView()
+            Rectangle()
+                .fill(Color.posOnSurfaceVariantLowest)
+                .frame(width: Constants.shimmeringTextWidth, height: Constants.shimmeringTextHeight)
+                .clipShape(RoundedRectangle(cornerRadius: POSCornerRadiusStyle.small.value))
+                .shimmering()
         } else {
             Text(value ?? Localization.notSet)
                 .font(.posBodyMediumRegular())
@@ -123,46 +127,13 @@ struct PointOfSaleSettingsStoreDetailView: View {
     }
 }
 
-// Temporary: Simplified copy from PointOfSaleOrderListView.GhostOrderRowView
-private struct GhostSettingRowView: View {
-    @ScaledMetric private var scale: CGFloat = 1.0
-    @Environment(\.dynamicTypeSize) var dynamicTypeSize
 
-    private var minHeight: CGFloat {
-        min(Constants.orderCardMinHeight * scale, Constants.maximumOrderCardHeight)
-    }
-
-    var body: some View {
-        HStack(alignment: .center, spacing: POSSpacing.medium) {
-            VStack(alignment: .leading, spacing: POSSpacing.xSmall) {
-                Rectangle()
-                    .fill(Color.posOnSurfaceVariantLowest)
-                    .frame(width: 70, height: 16)
-                    .clipShape(RoundedRectangle(cornerRadius: 4))
-                    .shimmering()
-
-                Rectangle()
-                    .fill(Color.posOnSurfaceVariantLowest)
-                    .frame(width: 160, height: 14)
-                    .clipShape(RoundedRectangle(cornerRadius: 4))
-                    .shimmering()
-            }
-        }
-        .padding(.horizontal, POSPadding.medium * (1 / scale))
-        .padding(.vertical, POSPadding.medium * (1 / scale))
-        .frame(maxWidth: .infinity, minHeight: dynamicTypeSize.isAccessibilitySize ? nil : minHeight, alignment: .leading)
-        .background(Color.posSurfaceContainerLowest)
-        .posItemCardBorderStyles()
-        .geometryGroup()
+private extension PointOfSaleSettingsStoreDetailView {
+    enum Constants {
+        static let shimmeringTextWidth: CGFloat = 70
+        static let shimmeringTextHeight: CGFloat = 16
     }
 
-    private enum Constants {
-        static let orderCardMinHeight: CGFloat = 90
-        static let maximumOrderCardHeight: CGFloat = Constants.orderCardMinHeight * 2
-    }
-}
-
-private extension PointOfSaleSettingsStoreDetailView {
     enum Localization {
         static let notSet = NSLocalizedString(
             "pointOfSaleSettingsStoreDetailView.notSet",