feat(insights): made the chart responsive

Author: benduran

apps/insights/src/components/PythProDemoPriceChart/index.tsx

@@ -33,6 +33,7 @@ export function PythProDemoPriceChartImpl({
   const chartRef = useRef<IChartApi>(undefined);
   const seriesMapRef = useRef<Record<string, ISeriesApi<"Line">>>({});
 
+  /** effects */
   useLayoutEffect(() => {
     if (!containerRef.current) return;
 
@@ -70,6 +71,26 @@ export function PythProDemoPriceChartImpl({
     };
   }, []);
 
+  useLayoutEffect(() => {
+    if (!chartRef.current || !containerRef.current) return;
+    const { current: chartApi } = chartRef;
+
+    const o = new ResizeObserver(([entry]) => {
+      if (!entry) return;
+
+      const {
+        contentRect: { height, width },
+      } = entry;
+      chartApi.resize(width, height);
+    });
+
+    o.observe(containerRef.current);
+
+    return () => {
+      o.disconnect();
+    };
+  }, []);
+
   useEffect(() => {
     if (!chartRef.current || !isAllowedSymbol(selectedSource)) return;