fix(web): address preview badge review

packages/client/ui-conversation/src/client/skeleton/HeroShell.module.css

@@ -23,8 +23,8 @@
   overflow: visible;
 }
 
-/* Fish + title stay centered as one unit; the preview badge aligns with the
-   title's leading edge on the second row. */
+/* figma 34:10411: fish + title, gap 10, centered; 26/32 wt500. The preview
+   badge is a product addition outside that source and aligns to the title. */
 .headline {
   display: grid;
   grid-template-columns: 34px auto;
@@ -50,7 +50,7 @@
   padding: 0 4px;
   border-radius: 4px;
   background: var(--dsw-alias-state-business-tertiary);
-  color: var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-label-primary);
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;

packages/client/ui-conversation/tests/skeleton.spec.tsx

@@ -215,13 +215,15 @@ function mount(
   }
 }
 
-describe('ConversationRoot resident composer', () => {
+describe('Hero chrome', () => {
   it('renders the English preview badge through the hero locale seat', () => {
     const view = render(<HeroShell t={makeTranslate(en, commonEn)} />)
     expect(view.getByText('Let\'s start building')).toBeTruthy()
     expect(view.getByText('Preview')).toBeTruthy()
   })
+})
 
+describe('ConversationRoot resident composer', () => {
   it('keeps composer text in the machine, mirrors to the chat store, and submits through the sink', () => {
     const b = mount(conversationSnapshot())
     const box = b.view.getByRole('textbox')