refactor: use custom translation component in premium page

Author: enzo-bitfly

frontend/i18n/locales/en.json

@@ -1131,7 +1131,7 @@
             "validators": "{amount} Validators"
         },
         "premium_via_app_banner": "You have an active premium subscription from the App Store / Play Store. You can manage your active subscriptions from there.",
-        "promo_code": "Promocode {_code} will be applied during checkout",
+        "promo_code": "Promocode {code} will be applied during checkout",
         "save_up_to": "SAVE UP TO {percentage}%",
         "savings": "You save {amount} a year",
         "savings_tooltip": "Compared to paying monthly. The full monthly price is {monthly}. The monthly price within the yearly subscription is {monthly_yearly}.",

frontend/pages/premium.vue

@@ -60,16 +60,15 @@ definePageMeta({
         v-if="promoCode"
         class="promo-overlay"
       >
-        <I18nT
+        <BcTranslation
           keypath="pricing.promo_code"
-          scope="global"
           tag="span"
           class="promo-text"
         >
-          <template #_code>
+          <template #code>
             <span class="promo-code">{{ promoCode }}</span>
           </template>
-        </I18nT>
+        </BcTranslation>
       </div>
     </div>
   </BcPageWrapper>