Refactored funnel report. Made BarChart more generic.

components/common/HoverTooltip.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { Tooltip } from 'react-basics';
 import styles from './HoverTooltip.module.css';
 
-export function HoverTooltip({ tooltip }) {
+export function HoverTooltip({ children }) {
   const [position, setPosition] = useState({ x: -1000, y: -1000 });
 
   useEffect(() => {
@@ -18,8 +18,8 @@ export function HoverTooltip({ tooltip }) {
   }, []);
 
   return (
-    <div className={styles.tooltip} style={{ left: position.x, top: position.y }}>
-      <Tooltip position="top" action="none" label={tooltip} />
+    <div className={styles.tooltip} style={{ left: position.x, top: position.y - 16 }}>
+      <Tooltip position="top" action="none" label={children} />
     </div>
   );
 }