Hover tooltip: show only the innermost component + show computed styles

[kainulla]

Two things about the hover tooltip that would make quick inspection much faster:

1. Show only the last (innermost) component name on hover

Right now the hover tooltip shows the full React component tree like <App> <Layout> <Sidebar> <NavLink>. The tooltip has max-width: 280px and text-overflow: ellipsis, so the first 1-3 ancestors show up but the actual component you're hovering — the last one in the path — gets cut off.

The full tree is useful in the annotation output, but on hover you just want to know what you're looking at. Showing only the innermost component (e.g. <NavLink>) would be more useful here.

2. Show computed styles on hover

Computed styles are already available after clicking an element and expanding the accordion in the annotation popup (getDetailedComputedStyles). It would save a lot of clicking if these showed up directly in the hover tooltip — quick glance at font-size, color, padding etc. without having to click and open the accordion every time.

Both should be opt-in settings

These should be toggle options in the settings panel, turned off by default so existing behavior doesn't change. Something like:

• "Show component on hover" (default: off)
• "Show styles on hover" (default: off)