Add hook useTimeperiod in component Graph (#9773)

www/front_src/src/Resources/Listing/columns/Graph.tsx

@@ -14,6 +14,7 @@ import useMousePosition, {
 } from '../../Graph/Performance/ExportableGraphWithTimeline/useMousePosition';
 import { ResourceDetails } from '../../Details/models';
 import { Resource } from '../../models';
+import useTimePeriod from '../../Graph/Performance/TimePeriods/useTimePeriod';
 
 import HoverChip from './HoverChip';
 import IconColumn from './IconColumn';
@@ -33,14 +34,15 @@ interface GraphProps {
 }
 
 const Graph = ({ row, endpoint }: GraphProps): JSX.Element => {
+  const { periodQueryParameters } = useTimePeriod({});
   const mousePositionProps = useMousePosition();
 
   return (
     <MousePositionContext.Provider value={mousePositionProps}>
       <PerformanceGraph
         limitLegendRows
         displayTitle={false}
-        endpoint={endpoint}
+        endpoint={`${endpoint}${periodQueryParameters}`}
         graphHeight={150}
         resource={row}
         timeline={[]}