fix(dashboard): only show banner if maximum effective balance of dashboard is reached

See: BEDS-1462

Author: marcel-bitfly

frontend/i18n/locales/en.json

@@ -204,8 +204,8 @@
             "text": "Create your own dashboard to get the most out of beaconcha.in"
         },
         "subsciprion_limit_reached": {
-            "_link": "Upgrade your subscription or get an add-on.",
-            "template": "This dashboard exceeds your maximum stake limit, so you can't add more validators. {_link}"
+            "_link": "Learn more about our subscription plans and dashboard addon-ons on our pricing page.",
+            "template": "This dashboard exceeds the stake limit so no more validators can be added. {_link}"
         },
         "subsciprion_limit_reached_title": "Maximum stake exceeded",
         "table": {

frontend/pages/dashboard/[[id]]/index.vue

@@ -12,7 +12,6 @@ import type { TableQueryParams } from '~/types/datatable'
 
 const {
   isLoggedIn,
-  premium_perks,
 } = useUserStore()
 const showInDevelopment = Boolean(useRuntimeConfig().public.showInDevelopment)
 const { t: $t } = useTranslation()
@@ -95,24 +94,10 @@ const {
 
 const {
   getProducts,
-  premiumProducts,
 } = useProductsStore()
 
 await useAsyncData('get_products', () => getProducts())
 
-const hasReachedLimit = computed(() => {
-  const latestEffectiveBalance = overview.value?.balances.effective_latest
-  const freeProduct = premiumProducts.value['Free']
-  const effectiveBalanceLimitFreeProduct = freeProduct?.premium_perks.effective_balance_per_dashboard
-  const effectiveBalancePerDashboard = premium_perks.value?.effective_balance_per_dashboard
-    || effectiveBalanceLimitFreeProduct
-
-  if (!latestEffectiveBalance || !effectiveBalancePerDashboard) {
-    return false
-  }
-  return isGreaterEquals(latestEffectiveBalance, effectiveBalancePerDashboard)
-})
-
 await useAsyncData('user_dashboards', () => refreshDashboards(), { watch: [ isLoggedIn ] })
 
 const { error: validatorOverviewError } = await useAsyncData(
@@ -382,7 +367,7 @@ watch(
     <BcPageWrapper>
       <template #banner>
         <BcNotificationBanner
-          v-if="hasReachedLimit"
+          v-if=" overview?.is_above_effective_balance_limit"
           :title="$t('dashboard.subsciprion_limit_reached_title')"
         >
           <BcTranslation