fix(website): fix note tooltip on review card

[theosanderson]

[claude below]

Summary

Follow-up to #6628, which fixed the same class of bug on the edit page.

The secondary-messages note indicator on the review card (ReviewCard.tsx) placed data-tooltip-id directly on the <Note> SVG icon (~icons/fluent/note-24-filled). react-tooltip v6's resolveDataTooltipAnchor walks up the DOM tree but only considers nodes that are instanceof HTMLElement. SVG elements are SVGElement, not HTMLElement, so the library skipped the icon entirely and never found the anchor — meaning the tooltip never appeared on hover.

This is the only remaining instance of the pattern: I audited all 19 data-tooltip-id usages in website/src, and every other one is attached to a real HTML element (<label>, <span>, <div>, <p>, <Button> → <button>, <ListboxOption>), which react-tooltip handles correctly.

Fix

Wrap the <Note> icon in a <span> that carries the data-tooltip-id, matching the pattern used by HoverTooltip and the fix applied in #6628.

<span className='inline-block' data-tooltip-id={noteTooltipId}>
    <Note className='text-yellow-500' />
</span>

PR Checklist

• All necessary documentation has been adapted.
• The implemented feature is covered by appropriate, automated tests.
• Any manual testing that has been done is documented (i.e. what exactly was tested?)

🤖 Generated with Claude Code

🚀 Preview: Add preview label to enable