ui: fix heatmap scaling (use true document height)

frontend/app/components/Session/Player/ClickMapRenderer/ThinPlayer.tsx

@@ -67,8 +67,8 @@ function WebPlayer(props: any) {
       setTimeout(() => {
         contextValue.player.pause();
         contextValue.player.jump(jumpTimestamp);
-        contextValue.player.scale();
         setTimeout(() => {
+          contextValue.player.scale();
           contextValue.player.showClickmap(insights);
         }, 250);
       }, 250);

frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx

@@ -59,7 +59,6 @@ function PageInsightsPanel({ setActiveTab }: Props) {
         ? insightsFilters.url
         : urlOptions[0].value;
       Player.pause();
-      markTargets(null);
       void fetchSessionClickmap(sessionId, {
         ...insightsFilters,
         sessionId,

frontend/app/player/web/Screen/Screen.ts

@@ -260,10 +260,9 @@ export default class Screen {
         break;
       case ScaleMode.AdjustParentHeight:
         // we want to scale the document with true height so the clickmap will be scrollable
-        const usedHeight = `${height}px`;
-        // this.document?.body.scrollHeight && this.document?.body.scrollHeight > height
-        //   ? this.document.body.scrollHeight + 'px'
-        //   : height + 'px';
+        const usedHeight = this.document?.body.scrollHeight && this.document?.body.scrollHeight > height
+                           ? this.document.body.scrollHeight + 'px'
+                           : height + 'px';
         this.scaleRatio = offsetWidth / width;
         translate = 'translate(-50%, 0)';
         posStyles = { top: 0, height: usedHeight };