Chore: full react hooks eslint compliance (#7040)

src/widgets/glances/metrics/containers.jsx

@@ -41,7 +41,7 @@ export default function Component({ service }) {
     );
   }
 
-  data.splice(chart ? 5 : 1);
+  const visibleData = data.slice(0, chart ? 5 : 1);
   let headerYPosition = "top-4";
   let listYPosition = "bottom-4";
   if (chart) {
@@ -61,7 +61,7 @@ export default function Component({ service }) {
 
       <Block position={`${listYPosition} right-3 left-3`}>
         <div className="pointer-events-none text-theme-900 dark:text-theme-200">
-          {data.map((item) => (
+          {visibleData.map((item) => (
             <div key={item[idKey]} className="text-[0.75rem] h-[0.8rem]">
               <div className="flex items-center">
                 <div className="w-3 h-3 mr-1.5 opacity-50">{statusMap[item[statusKey]]}</div>