Fix node list tooltip markdown rendering

[kanushka]

Summary

• Render node list tooltips using Markdown (strip HTML), matching form description behavior
• Hide multi-line code blocks while preserving inline code styling

Screen.Recording.2026-02-17.at.20.20.45.mov

Related issues

• Fixes Issues in hover documentation product-ballerina-integrator#2429

[Copilot]

Pull request overview

This PR fixes the rendering of tooltips in the node list by converting them to use Markdown formatting while stripping HTML tags. This aligns the tooltip behavior with the form description rendering approach.

Changes:

• Added ReactMarkdown dependency and imported it along with the stripHtmlTags utility
• Created styled component TooltipMarkdown with formatting rules that hide multi-line code blocks while preserving inline code
• Implemented renderTooltipContent function to process node descriptions through HTML stripping and Markdown rendering

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The display: inline; property for code elements is redundant since <code> is already an inline element by default. This rule can be removed unless there's a specific reason to override inherited styles.

Suggested change

	code {
	display: inline;
	}