fix rank format on player graph

src/components/AnalyticsChart.tsx

@@ -43,11 +43,19 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {

src/components/player/PlayerChart.tsx

@@ -41,12 +41,20 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
       reverse: true,
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {
@@ -69,7 +77,7 @@ export const options: any = {
         label(context: any) {
           switch (context.dataset.label) {
             case "Rank": {
-              return `Rank #${formatNumber(context.parsed.y.toFixed(0))}`;
+              return `Rank #${formatNumber(Number(context.parsed.y))}`;
             }
           }
         },

src/components/player/Score.tsx

@@ -91,10 +91,10 @@ export default function Score({
                   </div>
                 </TooltipTrigger>
                 <TooltipContent>
-                  <div>
+                  <>
                     <p className="font-bold">Difficulty</p>
                     <p>{diffName}</p>
-                  </div>
+                  </>
                 </TooltipContent>
               </Tooltip>
             ) : (