refactor: rename shopLayoutData to storefrontLayoutData

Align Alpine.js base component naming with storefront terminology.
Updated across all storefront JS, templates, and documentation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/modules/orders/templates/orders/storefront/order-detail.html

@@ -340,7 +340,7 @@
 <script>
 function shopOrderDetailPage() {
     return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
 
         // State
         order: null,
@@ -416,7 +416,7 @@ function shopOrderDetailPage() {
             return this.statuses[status]?.class || 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200';
         },
 
-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator
 
         formatDateTime(dateStr) {
             if (!dateStr) return '-';

app/modules/orders/templates/orders/storefront/orders.html

@@ -134,7 +134,7 @@
 <script>
 function shopOrdersPage() {
     return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
 
         // State
         orders: [],
@@ -209,7 +209,7 @@ function shopOrdersPage() {
             return this.statuses[status]?.class || 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200';
         },
 
-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator
 
         formatDate(dateStr) {
             if (!dateStr) return '-';