Fixed the hover bubble

Author: manojVivek

ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/index.tsx

@@ -414,7 +414,7 @@ export const FlameGraphArrow = memo(function FlameGraphArrow({
               />
             )}
             <svg
-              className="font-robotoMono"
+              className="relative font-robotoMono"
               width={zoomedWidth}
               height={totalHeight}
               preserveAspectRatio="xMinYMid"

ui/packages/shared/profile/src/TimelineGuide/index.tsx

@@ -49,8 +49,8 @@ export const TimelineGuide = ({
 
   return (
     <div className="relative h-5">
-      <div className="absolute" style={{width, height}}>
-        <svg style={{width: '100%', height: '100%'}} className="z-[5]">
+      <div className="pointer-events-none absolute" style={{width, height}}>
+        <svg style={{width: '100%', height: '100%'}}>
           <g
             className="x axis"
             fill="none"