cleanup: remove old code that are no longer used (#8117)

Author: VIKTORVAV99

web/src/features/charts/bar-breakdown/BarBreakdownChart.tsx

@@ -4,7 +4,6 @@ import { TimeDisplay } from 'components/TimeDisplay';
 import { getOffsetTooltipPosition } from 'components/tooltips/utilities';
 import { ZoneHeaderGauges } from 'features/panels/zone/ZoneHeaderGauges';
 import { useGetEstimationTranslation } from 'hooks/getEstimationTranslation';
-import { useHeaderHeight } from 'hooks/headerHeight';
 import { TFunction } from 'i18next';
 import { useAtomValue } from 'jotai';
 import { CircleDashed, TrendingUpDown, X } from 'lucide-react';
@@ -67,7 +66,6 @@ function BarBreakdownChart({
     x: number;
     y: number;
   } | null>(null);
-  const headerHeight = useHeaderHeight();
 
   const titleText = useBarBreakdownChartTitle();
   const estimationMethod = currentZoneDetail?.estimationMethod;
@@ -155,7 +153,7 @@ function BarBreakdownChart({
             className="absolute mt-14 flex h-full w-full flex-col items-center gap-y-1 bg-black/20 sm:mt-auto sm:items-start"
             style={{
               left: tooltipData?.x,
-              top: tooltipData?.y <= headerHeight ? headerHeight : tooltipData?.y,
+              top: tooltipData?.y,
             }}
           >
             <BreakdownChartTooltip

web/src/features/charts/elements/AreaGraph.tsx

@@ -2,7 +2,6 @@ import { ScaleLinear, scaleLinear } from 'd3-scale';
 import { Series, stack, stackOffsetDiverging } from 'd3-shape';
 import { add } from 'date-fns';
 import TimeAxis from 'features/time/TimeAxis';
-import { useHeaderHeight } from 'hooks/headerHeight';
 import { atom, useAtom, useAtomValue } from 'jotai';
 import { memo, useCallback, useMemo, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
@@ -236,8 +235,6 @@ function AreaGraph({
     setGraphIndex(null);
   }, [setTooltipData, setHoveredLayerIndex, setGraphIndex]);
 
-  const headerHeight = useHeaderHeight();
-
   // Don't render the graph if datetimes and datapoints are not in sync
   for (const layer of layers) {
     if (layer.datapoints.length !== datetimes.length) {
@@ -315,7 +312,6 @@ function AreaGraph({
             }
             tooltipSize={tooltipSize}
             isBiggerThanMobile={isBiggerThanMobile}
-            headerHeight={headerHeight}
             closeTooltip={onCloseTooltip}
           >
             {(props) => tooltip(props)}

web/src/features/charts/tooltips/AreaGraphTooltip.tsx

@@ -14,7 +14,6 @@ interface AreaGraphTooltipProperties {
   position?: { x: number; y: number } | undefined;
   tooltipSize?: 'small' | 'large';
   isBiggerThanMobile: boolean;
-  headerHeight: number;
   closeTooltip: () => void;
 }
 
@@ -25,7 +24,6 @@ export default function AreaGraphTooltip({
   position,
   tooltipSize,
   isBiggerThanMobile,
-  headerHeight,
   closeTooltip,
 }: AreaGraphTooltipProperties): ReactElement | null {
   if (selectedLayerKey === undefined || zoneDetail === undefined) {
@@ -46,10 +44,7 @@ export default function AreaGraphTooltip({
       <div
         style={{
           left: tooltipWithDataPositon.x,
-          top:
-            tooltipWithDataPositon.y <= headerHeight
-              ? headerHeight
-              : tooltipWithDataPositon.y,
+          top: tooltipWithDataPositon.y,
         }}
         className="relative flex flex-col items-center gap-y-1 p-2 pt-14 sm:block sm:p-0"
       >

web/src/features/exchanges/ExchangeArrow.tsx

@@ -1,6 +1,5 @@
 import TooltipWrapper from 'components/tooltips/TooltipWrapper';
 import { mapMovingAtom } from 'features/map/mapAtoms';
-import { useHeaderHeight } from 'hooks/headerHeight';
 import { useSetAtom } from 'jotai';
 import { useCallback, useEffect } from 'react';
 import { resolvePath } from 'react-router-dom';
@@ -28,7 +27,6 @@ function ExchangeArrow({
 }: ExchangeArrowProps) {
   const { co2intensity, lonlat, netFlow, rotation, key } = data;
   const setIsMoving = useSetAtom(mapMovingAtom);
-  const headerHeight = useHeaderHeight();
 
   useEffect(() => {
     const cancelWheel = (event: Event) => event.preventDefault();
@@ -116,7 +114,7 @@ function ExchangeArrow({
   // Setting the top position from the arrow tooltip preventing overflowing to top.
   let tooltipClassName = 'max-h-[256px] max-w-[512px] md:flex';
   if (!isMobile) {
-    tooltipClassName += y - 140 < headerHeight ? ' top-[76px]' : ' top-[-76px]';
+    tooltipClassName += y < 140 ? ' top-[76px]' : ' top-[-76px]';
   }
 
   if (