[backport rh-test] fix: Display appropriate title for unsubscribed state (#6513)

Backport of #6396 to `rh-test`

Automatically created by backport workflow.

Co-authored-by: Christian Byrne <cbyrne@comfy.org>
Co-authored-by: Claude <noreply@anthropic.com>

src/locales/en/main.json

@@ -1925,6 +1925,7 @@
   },
   "subscription": {
     "title": "Subscription",
+    "titleUnsubscribed": "Subscribe to Comfy Cloud",
     "comfyCloud": "Comfy Cloud",
     "beta": "BETA",
     "perMonth": "USD / month",

src/platform/cloud/subscription/components/SubscriptionPanel.vue

@@ -3,7 +3,11 @@
     <div class="flex h-full flex-col gap-6">
       <div class="flex items-baseline gap-2">
         <span class="text-2xl font-inter font-semibold leading-tight">
-          {{ $t('subscription.title') }}
+          {{
+            isActiveSubscription
+              ? $t('subscription.title')
+              : $t('subscription.titleUnsubscribed')
+          }}
         </span>
         <CloudBadge
           reverse-order