[SiOC - customer creation] Show collapsible customer card with header view

[jaclync]

Part of #12623

Why

Now that the feature flag is set up and we have a reusable collapsible view component in the order form, we can start implementing the collapsible customer card under the feature flag.

How

• As the padding is different from the product card, a new padding parameter was added to CollapsibleOrderFormCard for the customer card to pass a different value. Since the base collapsible view CollapsibleView already has some default padding (vertical 8px, horizontal 16px), this parameter is in addition to the default padding as noted in the comment
• The new collapsible customer card is CollapsibleCustomerCard with the following subviews:
  • Header (always shown in both collapsed/expanded states) in a new view CollapsibleCustomerCardHeaderView:
    • In the collapsed state, customer email & address are shown when available
    • In the expanded state, just the email is shown
  • Expanded content (only shown in the expanded state):
    • In this PR, only an email text field is shown
    • Placeholder views for: create account toggle, address, CTA to remove customer
• The order form customer section view OrderCustomerSection now shows the new customer card when:
  • The merchant taps on the CTA to add a customer
  • Customer details are available for the order
• In order to pass the latest order's customer details to the customer section, EditableOrderViewModel now syncs the top-level OrderCustomerSectionViewModel for the customer section

Testing instructions

• @jaclync makes sure the customer UX works the same as production when the feature flag is disabled

Prerequisite: the store has at least one order with customer details (email, address)

Existing customer details

• Go to the orders tab
• Tap on the order in the prerequisite
• Tap Edit --> a customer card should be shown with the email and address in the collapsed state
• Tap to expand the customer card --> the expanded content should show an email field with the customer email

No customer details

• Go to the orders tab
• Tap + to create an order
• Tap Add Customer --> a customer card should be shown in the expanded state with an email text field
• Enter some email --> the email in the header should should be synced (in a later subtask, the header will only be updated after the email text field loses focus)
• Tap to collapse the customer card --> only the email should be shown in the header

Screenshots

Simulator.Screen.Recording.-.iPhone.15.-.2024-05-03.at.14.26.11.mp4

Existing customer details

collapsed	expanded

No customer details

collapsed	expanded

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce iOS by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce iOS
	Build Number	pr12650-5206386
	Version	18.5
	Bundle ID	com.automattic.alpha.woocommerce
	Commit	5206386
	App Center Build	WooCommerce - Prototype Builds #8947

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.