#3511969 Checkout: update line item design (4)

This started as a PR to highlight a purchased domain in the review step’s summary, but ultimately incorporated the line item changes from our usability testing.

The PR does a few things:

• Attempts to consolidate how product labels and sub-labels are used between different products. Plans are given a sub-label of “Plan Subscription” with labels of the specific plan (i.e. “WordPress Personal”). Domains and domain-related purchases are given sub-labels of “{tld} Domain {Registration|Mapping|Transfer}” and labels of the domain in question (i.e. “example.com”). Some products, like support sessions and premium themes, return special cases and will require a follow-up backend diff with additional testing
• Introduces some messaging (“billed yearly”) for the monthly/yearly price discrepancy from previous screens.
• Makes the plan line item type consistent for all plans. This fixes a bug where the cart removal messaging was falling back to the default, instead of mentioning the plan removal and additional messaging around bundled domains/plans.
• and last but not least… highlights domain purchases on the step summary.

For the review summary:

For the active line items, you can see the different product variations here:

To test:

• visit checkout with a domain (and other items) in your cart
• verify that the line items match the designs below
• complete the first step of checkout
• verify that the summary of the step now displays a bolded url
• proceed through checkout
• verify that the line items in the final step and the sidebar summary are rendered correctly
• finish checkout
• verify that the products were correctly purchased