feat: force pin listening tab with fixed left section

[devin-ai-integration]

Summary

This PR implements the requested behavior for listening tabs:

1. Auto-pin on listen: When a session starts listening, the tab is automatically pinned
2. Stop on close: When user closes an actively listening tab, it stops listening (which triggers the existing auto-enhance flow to generate the summary)
3. Fixed left section: The listening tab is moved to a separate fixed section on the far left of the tab bar, always visible when active

The listening tab is rendered separately from the regular reorderable tabs, appearing before the navigation buttons. When listening stops, the tab returns to the normal tab area.

Updates since last revision

• Added fixed listening tab section on the far left of the header
• Listening tab is filtered out from the regular Reorder.Group and rendered in its own container
• Keyboard shortcut indices adjusted: listening tab gets 1, other tabs shift to 2-9

Review & Testing Checklist for Human

• Test fixed section positioning: Start listening → verify tab appears on far left, before back/forward buttons, separate from other tabs
• Test tab visibility: With many tabs open, verify listening tab is always visible (not scrolled out of view)
• Test the full flow: Start listening → verify tab gets pinned AND moves to fixed section → close the tab → verify listening stops, summary generates, tab closes
• Test keyboard shortcuts: With listening active, verify Cmd/Ctrl+1 selects listening tab, Cmd/Ctrl+2 selects first regular tab
• Test edge case - stop listening: When listening stops (not by closing), verify tab returns to normal tab area

Recommended Test Plan

1. Open multiple session tabs
2. Start listening on one - verify it moves to fixed left section and becomes pinned
3. Scroll the regular tabs area - verify listening tab stays visible
4. Use Cmd/Ctrl+1 - verify it selects the listening tab
5. Close the listening tab while still listening
6. Verify: listening stops, summary generation begins, tab closes

Notes

• The auto-enhance/summary generation relies on the existing useAutoEnhance hook which triggers when listenerStatus changes from "active" to something else
• The listening tab section only appears when liveStatus is "active" or "finalizing"
• No new tests were added - manual testing recommended

Link to Devin run: https://app.devin.ai/sessions/b364a564313348e4a615968dd34e6343
Requested by: @ComputelessComputer

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR that start with 'DevinAI' or '@devin'.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[netlify]

✅ Deploy Preview for hyprnote canceled.

Name	Link
🔨 Latest commit	9b9dd2a
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/69629f0ac2e4410008019a10

[netlify]

✅ Deploy Preview for hyprnote-storybook canceled.

Name	Link
🔨 Latest commit	9b9dd2a
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote-storybook/deploys/69629f0a9c3f230008e1be7f

[netlify]

✅ Deploy Preview for howto-fix-macos-audio-selection canceled.

Name	Link
🔨 Latest commit	9b9dd2a
🔍 Latest deploy log	https://app.netlify.com/projects/howto-fix-macos-audio-selection/deploys/69629f0abdf06a00085472e8