fix(replays): Memory Chart Tooltip Overflow

[danecando]

Changes

• Configures the tooltip to be portalled out of the container
• Injects global styles that target the portalled tooltip
• tooltip accepts a new chartId prop to allow the tooltips to calculate position within a chart when portalled with appendToBody

Notes

Portalling the tooltips broke the styles since they were scoped to the chart container. I needed to duplicate and inject those styles in the scope of the portalled tooltip. I'm not an emotion expert so if you know a better way to accomplish that let me know

Closes #37238

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. and is gonna need some rights from me in order to utilize my contributions in this here PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

[ryan953]

what does this do?

[danecando]

From the type def for the tooltips says the renderMode should be html if using appendToBody

    /**
     * 'auto': use html by default, and use non-html if `document` is not defined
     * 'html': use html for tooltip
     * 'richText': use canvas, svg, and etc. for tooltip
     */
    renderMode?: 'auto' | TooltipRenderMode;
    /**
     * If append popup dom to document.body
     * Only available when renderMode is html
     */
    appendToBody?: boolean;
    /**
     * specified class name of tooltip dom
     * Only available when renderMode is html
     */
    className?: string;
    ```

[ryan953]

I was poking at this for about 2mins and thought it was going to be annoying. I'm happy this is such a tidy looking solution!

[ryan953]

the tooltip does go off the edge of the page now:

before there were some checks that kept it within the window bounds and moved the nub to accomodate:

[danecando]

Added a new option chartId to the tooltip so that it can get a reference to the chart node when using appendToBody for calculating relative tooltip positions.

[ryan953]

@danecando update the description to match the code please