chore: bump chart.js from 3.9.1 to 4.3.3 in /site (#8874)

* chore: bump chart.js from 3.9.1 to 4.3.3 in /site

Bumps [chart.js](https://github.com/chartjs/Chart.js) from 3.9.1 to 4.3.3.
- [Release notes](https://github.com/chartjs/Chart.js/releases)
- [Commits](https://github.com/chartjs/Chart.js/compare/v3.9.1...v4.3.3)

---
updated-dependencies:
- dependency-name: chart.js
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Remove timescale

* Fix step size

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Muhammad Atif Ali <atif@coder.com>
Co-authored-by: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>

site/package.json

@@ -56,7 +56,7 @@
     "ansi-to-html": "0.7.2",
     "axios": "1.3.4",
     "canvas": "2.11.0",
-    "chart.js": "3.9.1",
+    "chart.js": "4.3.3",
     "chartjs-adapter-date-fns": "3.0.0",
     "chroma-js": "2.4.2",
     "color-convert": "2.0.1",

site/pnpm-lock.yaml

@@ -85,11 +85,11 @@ dependencies:
     specifier: 2.11.0
     version: 2.11.0
   chart.js:
-    specifier: 3.9.1
-    version: 3.9.1
+    specifier: 4.3.3
+    version: 4.3.3
   chartjs-adapter-date-fns:
     specifier: 3.0.0
-    version: 3.0.0(chart.js@3.9.1)(date-fns@2.30.0)
+    version: 3.0.0(chart.js@4.3.3)(date-fns@2.30.0)
   chroma-js:
     specifier: 2.4.2
     version: 2.4.2
@@ -143,7 +143,7 @@ dependencies:
     version: 18.2.0
   react-chartjs-2:
     specifier: 5.2.0
-    version: 5.2.0(chart.js@3.9.1)(react@18.2.0)
+    version: 5.2.0(chart.js@4.3.3)(react@18.2.0)
   react-color:
     specifier: 2.19.3
     version: 2.19.3(react@18.2.0)
@@ -2516,6 +2516,10 @@ packages:
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
     dev: true
 
+  /@kurkle/color@0.3.2:
+    resolution: {integrity: sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==}
+    dev: false
+
   /@mapbox/node-pre-gyp@1.0.11:
     resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
     hasBin: true
@@ -6185,17 +6189,20 @@ packages:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
     dev: true
 
-  /chart.js@3.9.1:
-    resolution: {integrity: sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==}
+  /chart.js@4.3.3:
+    resolution: {integrity: sha512-aTk7pBw+x6sQYhon/NR3ikfUJuym/LdgpTlgZRe2PaEhjUMKBKyNaFCMVRAyTEWYFNO7qRu7iQVqOw/OqzxZxQ==}
+    engines: {pnpm: '>=7'}
+    dependencies:
+      '@kurkle/color': 0.3.2
     dev: false
 
-  /chartjs-adapter-date-fns@3.0.0(chart.js@3.9.1)(date-fns@2.30.0):
+  /chartjs-adapter-date-fns@3.0.0(chart.js@4.3.3)(date-fns@2.30.0):
     resolution: {integrity: sha512-Rs3iEB3Q5pJ973J93OBTpnP7qoGwvq3nUnoMdtxO+9aoJof7UFcRbWcIDteXuYd1fgAvct/32T9qaLyLuZVwCg==}
     peerDependencies:
       chart.js: '>=2.8.0'
       date-fns: '>=2.0.0'
     dependencies:
-      chart.js: 3.9.1
+      chart.js: 4.3.3
       date-fns: 2.30.0
     dev: false
 
@@ -11151,13 +11158,13 @@ packages:
       unpipe: 1.0.0
     dev: true
 
-  /react-chartjs-2@5.2.0(chart.js@3.9.1)(react@18.2.0):
+  /react-chartjs-2@5.2.0(chart.js@4.3.3)(react@18.2.0):
     resolution: {integrity: sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==}
     peerDependencies:
       chart.js: ^4.1.1
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      chart.js: 3.9.1
+      chart.js: 4.3.3
       react: 18.2.0
     dev: false
 

site/src/components/DAUChart/DAUChart.tsx

@@ -69,11 +69,12 @@ export const DAUChart: FC<DAUChartProps> = ({ daus }) => {
         },
       },
       x: {
-        ticks: {},
+        ticks: {
+          stepSize: 2,
+        },
         type: "time",
         time: {
           unit: "day",
-          stepSize: 2,
         },
       },
     },