Fix gauge chart overflow (#25860)

The bug was introduced by https://github.com/metabase/metabase/pull/25651

frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx

@@ -21,6 +21,7 @@ import {
   calculateRelativeValueAngle,
   calculateSegmentLabelPosition,
   calculateSegmentLabelTextAnchor,
+  gaugeSorter,
 } from "./utils";
 
 import type { Card, Data, GaugeLabelData, Position } from "./types";
@@ -41,7 +42,7 @@ export default function GaugeContainer({
   const columnSettings =
     settings.column_settings &&
     populateDefaultColumnSettings(Object.values(settings.column_settings)[0]);
-  const segments = settings["gauge.segments"];
+  const segments = [...settings["gauge.segments"]].sort(gaugeSorter);
 
   const segmentMinValue = segments[0].min;
   const segmentMaxValue = segments[segments.length - 1].max;