[QOL] Add informational tooltips to Status Panel sections

[VooDisss]

Summary

Add informational tooltips to each accordion section in the Status Panel (right sidebar) to provide contextual explanations for technical modules.

Changes

• UI: Added info icons with tooltips to each section header in the Status Panel
• i18n: Added localized tooltip text for all 6 supported languages (EN, ZH, FR, ES, JA, RU)
• Sections covered: Session Changes, Plan, Background Shells, MCP Servers, LSP Servers, Plugins

Technical Details

• Uses @kobalte/core/tooltip component with placement="top" for consistent positioning
• Tooltips appear after 200ms delay with 4px gutter
• Info icons are positioned to the left of section titles with minimal spacing
• Chevron icons remain right-aligned using flexbox

Testing

• Build passes successfully
• Tooltips display correctly at all zoom levels
• No layout regressions in the right panel accordion

---

Related Issue: #144

[shantur]

@CodeNomadBot

Can you review the changes.
Be concise and to the point in reply

[codenomadbot]

Reviewed StatusTab.tsx + i18n + right-panel.css.

• Looks good overall: consistent tooltip UX (delay/gutter/placement), i18n keys are scoped + added across locales, styling matches existing panel tokens.
• Main concern: Tooltip.Trigger is nested inside Accordion.Trigger (likely button-in-button). That’s invalid HTML and can break keyboard/focus behavior; stopPropagation() won’t fully address it. Recommend moving the info icon outside the accordion trigger (sibling in Accordion.Header), or otherwise ensuring the tooltip trigger is not an interactive element inside the trigger.
• Minor: .section-left { flex-shrink: 0; } may cause long section titles to overflow rather than compress/wrap.
• Minor i18n quality: some translations look off (e.g., ES missing accents/ñ, JA has odd characters/grammar). Might be worth a quick pass by native speakers.

--
Yours,
CodeNomadBot

[shantur]

Thanks for the PR @VooDisss