fix order for lines creation catalog (#3203)

Signed-off-by: Etienne LESOT <[email protected]>

Author: EtienneLt

src/components/dialogs/line-types-catalog/line-types-catalog-selector-dialog.tsx

@@ -168,21 +168,25 @@ export default function LineTypesCatalogSelectorDialog({
             return [];
         }
 
-        const uniqueAreas = [...new Set(limitsData.map((limit) => limit.area))];
-        return uniqueAreas.map((area) => ({ id: area, label: area }));
+        return [...new Set(limitsData.map((limit) => limit.area))]
+            .toSorted((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+            .map((area) => ({ id: area, label: area }));
     };
 
     const createOptionsFromTemperatures = (limitsData?: CurrentLimitsInfo[]) => {
         if (!limitsData?.length) {
             return [];
         }
 
-        const uniqueTemperatures = [...new Set(limitsData.map((limit) => limit.temperature))];
-        return uniqueTemperatures.map((temp) => ({ id: temp, label: temp }));
+        return [...new Set(limitsData.map((limit) => limit.temperature))]
+            .toSorted((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+            .map((temp) => ({ id: temp, label: temp }));
     };
 
     const createOptionsFromUndergroundShapeFactors = (lineInfo: LineTypeInfo): Option[] => {
-        return lineInfo.shapeFactors.map((shapeFactor) => ({ id: String(shapeFactor), label: String(shapeFactor) }));
+        return lineInfo.shapeFactors
+            .toSorted((a, b) => a - b)
+            .map((shapeFactor) => ({ id: String(shapeFactor), label: String(shapeFactor) }));
     };
 
     const handleSelectedRowData = useCallback(