fix(frontend): stop long voice-model badge overflowing episode profile card

[Msparihar]

Fixes #1196

On the episode profile card (Podcasts -> Templates), a long provider / model voice-model name clipped past the right edge of the card. The speaker-profile row was a single-line flex items-center with no wrap, and the Badge component's base classes (w-fit whitespace-nowrap shrink-0) gave the text nowhere to go.

Changes, following the fix suggested in the issue:

• flex-wrap on the row so the badge can drop to its own line; shrink-0 on the icon.
• min-w-0 max-w-full shrink on the badge and a truncate span inside it, so a name longer than the card width ellipsizes instead of overflowing. The inner span is needed because text-overflow does not apply to an inline-flex container's anonymous text child.
• title attribute on the badge so the full model id is available on hover.
• Hoisted the duplicated modelNameMap lookup into a voiceModelLabel const.

Validation:

• npm run lint: 0 errors (7 pre-existing warnings in unrelated files)
• npm run test: 140 passed (23 files)
• npm run build: succeeds
• I did not run the full stack (SurrealDB + API + worker) to screenshot the card; the change is CSS-only on one row. Happy to add a screenshot if you want one before merging.

[cubic-dev-ai]

No issues found across 1 file

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}