BulletChart: fix measure sorting & test

Author: Lukas742

packages/charts/src/components/BulletChart/BulletChart.cy.tsx

@@ -64,7 +64,7 @@ describe('BulletChart', () => {
         }),
       );
 
-    cy.contains('Users').click();
+    cy.get('[class="recharts-legend-wrapper"]').findByText('Users').realClick();
     cy.get('@onLegendClick').should(
       'have.been.calledWith',
       Cypress.sinon.match({

packages/charts/src/components/BulletChart/BulletChart.tsx

@@ -175,15 +175,19 @@ const BulletChart = forwardRef<HTMLDivElement, BulletChartProps>((props, ref) =>
   const activePayloadsRef = useRef<ActivePayload[]>(measures);
 
   const sortedMeasures = useMemo(() => {
-    return measures.sort((measure) => {
-      if (measure.type === 'comparison') {
+    return [...measures].sort((a, b) => {
+      if (a.type === 'primary' && b.type !== 'primary') {
+        return -1;
+      }
+      if (b.type === 'primary' && a.type !== 'primary') {
         return 1;
       }
-
-      if (measure.type === 'primary') {
+      if (a.type === 'comparison' && b.type !== 'comparison') {
+        return 1;
+      }
+      if (b.type === 'comparison' && a.type !== 'comparison') {
         return -1;
       }
-
       return 0;
     });
   }, [measures]);