fix: use same order of quadrants for radar and grid visualization

Refs: #141

src/components/Chart/BlipPoints.tsx

@@ -36,7 +36,7 @@ function generateCoordinates(
     Multiples of PI/2. To apply the calculated position to the specific quadrant.
     Order here is counter-clockwise, so we need to "invert" quadrant positions (i.e. swap 2 with 4)
     */
-  const shift = (pi * [1, 4, 3, 2][blip.quadrantPosition - 1]) / 2;
+  const shift = (pi * [1, 4, 2, 3][blip.quadrantPosition - 1]) / 2;
 
   return {
     x: xScale(Math.cos(randomDegree + shift) * radius),

src/components/RadarGrid/RadarGrid.tsx

@@ -14,8 +14,8 @@ const QuadrantLabel: React.FC<{
   const stylesMap = [
     { top: 0, left: 0 },
     { top: 0, right: 0 },
-    { bottom: 0, right: 0 },
     { bottom: 0, left: 0 },
+    { bottom: 0, right: 0 },
   ];
 
   return (