feat(account): BACK-692 show picklist backorder prompts on order details

CHANGELOG.md

@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Show backorder prompts on the account order details page for both the parent product (under the product title) and each picklist option, mirroring the PDP backorder display
 - Refine backorder layout and colors on the account order details page [#2677](https://github.com/bigcommerce/cornerstone/pull/2677)
 - Make the cart Shipping row label span the full width of the totals row so the shipping expectation prompt is no longer constrained to the narrow label column
 - Respect `unlimited_backorder` on PDP so the backorder quantity message and availability prompt render, and the Add to Cart quantity cap is lifted for products with unlimited backorder

templates/components/account/order-contents.html

@@ -54,6 +54,15 @@ <h5 class="account-product-title">{{quantity}} &#215; {{name}}</h5>
                 {{#if brand}}
                     <h6>{{brand.name}}</h6>
                 {{/if}}
+                {{#if quantity_backordered '>' 0}}
+                    {{#if (subtract quantity quantity_backordered) '>' 0}}
+                        <p class="account-product-backorder-prompts">{{lang 'products.quantity_on_hand' quantity=(subtract quantity quantity_backordered)}}</p>
+                    {{/if}}
+                    <p class="account-product-backorder-prompts">{{lang 'products.quantity_backordered' quantity=quantity_backordered}}</p>
+                    {{#if backorder_message}}
+                        <p class="account-product-backorder-prompts">{{backorder_message}}</p>
+                    {{/if}}
+                {{/if}}
                 {{#if options}}
                 <dl class="definitionList">
                     {{#each options}}
@@ -79,15 +88,6 @@ <h6>{{brand.name}}</h6>
                         </dd>
                     </dl>
                 {{/if}}
-                {{#if quantity_backordered '>' 0}}
-                    {{#if (subtract quantity quantity_backordered) '>' 0}}
-                        <p class="account-product-backorder-prompts">{{lang 'products.quantity_on_hand' quantity=(subtract quantity quantity_backordered)}}</p>
-                    {{/if}}
-                    <p class="account-product-backorder-prompts">{{lang 'products.quantity_backordered' quantity=quantity_backordered}}</p>
-                    {{#if backorder_message}}
-                        <p class="account-product-backorder-prompts">{{backorder_message}}</p>
-                    {{/if}}
-                {{/if}}
                 {{#if refunded}}
                     <p class="account-product-refundQty">{{lang 'account.orders.refunded_quantity' qty=refunded_qty}}</p>
                 {{else}}