fix(accounts): constrain long plan badges to available width

Truncate overflowing plan names and show the full display name on hover while preserving the existing subscription column width.

Co-authored-by: Codex <noreply@openai.com>

frontend/src/components/account/AccountPlanBadge.vue

@@ -53,10 +53,10 @@ const paletteClass = computed(() => {
 
 <template>
   <span
-    class="inline-flex shrink-0 items-center justify-center whitespace-nowrap leading-none shadow-cp-tertiary"
+    class="inline-flex min-w-0 max-w-full items-center justify-center whitespace-nowrap leading-none shadow-cp-tertiary"
     :class="[sizeClass, paletteClass]"
-    :title="rawPlanType || undefined"
+    :title="displayText || undefined"
   >
-    <span>{{ displayText }}</span>
+    <span class="truncate">{{ displayText }}</span>
   </span>
 </template>