feat: actually working chart

Author: Tanyawat-Arsaga

src/components/ChartViewer.tsx

@@ -13,7 +13,7 @@ export function ChartViewer() {
   useEffect(() => {
     if (!chartData || rendererRef.current) return;
     const f = async () => {
-      rendererRef.current = new ChartRenderer(true);
+      rendererRef.current = new ChartRenderer();
       await rendererRef.current.initialize();
       rendererRef.current.renderChart(chartData);
       pixiContainerRef.current?.appendChild(rendererRef.current.canvas);
@@ -24,7 +24,9 @@ export function ChartViewer() {
   return (
     <Stack p="4">
       <Heading>Rhythm Game Chart: 204111_04</Heading>
-      <Box ref={pixiContainerRef} />
+      <Box overflowX="scroll">
+        <Box ref={pixiContainerRef} />
+      </Box>
       {!chartData && <p style={{ color: '#e0e0e0' }}>Loading chart data...</p>}
     </Stack>
   );