fix(loyalty): missing i18n keys, wrong icon names in admin

- Add missing common keys: add, activate, copy, deactivate
- Fix icon: building-office → office-building (2 templates)
- Fix icon: pause → ban (pause not in icon set, ban used for deactivate)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app/modules/loyalty/locales/en.json

@@ -146,13 +146,17 @@
         }
     },
     "common": {
+        "activate": "Activate",
         "active": "Active",
+        "add": "Add",
         "all_stores": "All Stores",
         "at": "at",
         "back": "Back",
         "cancel": "Cancel",
         "confirm": "Confirm",
         "continue": "Continue",
+        "copy": "Copy",
+        "deactivate": "Deactivate",
         "delete": "Delete",
         "disabled": "Disabled",
         "edit": "Edit",

app/modules/loyalty/templates/loyalty/admin/analytics.html

@@ -166,7 +166,7 @@
             </a>
             <a href="/admin/merchants"
                class="inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 bg-blue-100 rounded-lg hover:bg-blue-200 dark:text-blue-300 dark:bg-blue-900/30 dark:hover:bg-blue-900/50">
-                <span x-html="$icon('building-office', 'w-4 h-4 mr-2')"></span>
+                <span x-html="$icon('office-building', 'w-4 h-4 mr-2')"></span>
                 {{ _('loyalty.admin.analytics.manage_merchants') }}
             </a>
         </div>

app/modules/loyalty/templates/loyalty/admin/merchant-detail.html

@@ -43,7 +43,7 @@
             <a
                 :href="`/admin/merchants/${merchant?.id}?back=/admin/loyalty/merchants/${merchantId}`"
                 class="flex items-center px-4 py-2 text-sm font-medium leading-5 text-gray-700 transition-colors duration-150 bg-gray-100 border border-gray-300 rounded-lg hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-600">
-                <span x-html="$icon('building-office', 'w-4 h-4 mr-2')"></span>
+                <span x-html="$icon('office-building', 'w-4 h-4 mr-2')"></span>
                 {{ _('loyalty.admin.merchant_detail.view_merchant') }}
             </a>
             <a x-show="program"
@@ -288,7 +288,7 @@
                                 <button @click="toggleCategoryActive(cat)" type="button"
                                         :aria-label="cat.is_active ? '{{ _('loyalty.common.deactivate') }}' : '{{ _('loyalty.common.activate') }}'"
                                         class="text-sm" :class="cat.is_active ? 'text-orange-500 hover:text-orange-700' : 'text-green-500 hover:text-green-700'">
-                                    <span x-html="$icon(cat.is_active ? 'pause' : 'play', 'w-4 h-4')"></span>
+                                    <span x-html="$icon(cat.is_active ? 'ban' : 'play', 'w-4 h-4')"></span>
                                 </button>
                                 <button @click="deleteCategory(cat.id)" type="button"
                                         aria-label="{{ _('loyalty.common.delete') }}"

app/modules/loyalty/templates/loyalty/admin/programs.html

@@ -245,7 +245,7 @@
                                     :class="program.is_active ? 'text-orange-600 hover:bg-orange-50 dark:text-orange-400 dark:hover:bg-gray-700' : 'text-green-600 hover:bg-green-50 dark:text-green-400 dark:hover:bg-gray-700'"
                                     :aria-label="program.is_active ? '{{ _('loyalty.common.deactivate') }}' : '{{ _('loyalty.common.activate') }}'"
                                 >
-                                    <span x-html="$icon(program.is_active ? 'pause' : 'play', 'w-5 h-5')"></span>
+                                    <span x-html="$icon(program.is_active ? 'ban' : 'play', 'w-5 h-5')"></span>
                                 </button>
                             </div>
                         </td>