Chore: full react hooks eslint compliance (#7040)

src/widgets/glances/metrics/use-data-points.js

@@ -0,0 +1,17 @@
+import { useCallback, useState } from "react";
+
+export default function useDataPoints(pointsLimit, initialPoint) {
+  const [dataPoints, setDataPoints] = useState(() => new Array(pointsLimit).fill(initialPoint));
+
+  const addDataPoint = useCallback(
+    (dataPoint) => {
+      setDataPoints((currentDataPoints) => {
+        if (pointsLimit <= 0) return [];
+        return [...currentDataPoints, dataPoint].slice(-pointsLimit);
+      });
+    },
+    [pointsLimit],
+  );
+
+  return [dataPoints, addDataPoint];
+}