fix(map): sort scheme queries by time

src/components/olmap/DMALeakDetection/SchemeQuery.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import {
   Box,
   Button,
@@ -65,6 +65,16 @@ const SchemeQuery: React.FC<Props> = ({
   const [loading, setLoading] = useState(false);
   const schemes = externalSchemes !== undefined ? externalSchemes : internalSchemes;
   const setSchemes = onSchemesChange || setInternalSchemes;
+  const sortedSchemes = useMemo(
+    () =>
+      schemes
+        .slice()
+        .sort(
+          (a, b) =>
+            dayjs(b.create_time).valueOf() - dayjs(a.create_time).valueOf(),
+        ),
+    [schemes],
+  );
 
   const handleQuery = async () => {
     setLoading(true);
@@ -144,7 +154,7 @@ const SchemeQuery: React.FC<Props> = ({
         </Box>
       </Box>
       <Box className="flex-1 overflow-auto">
-        {schemes.length === 0 ? (
+        {sortedSchemes.length === 0 ? (
           <Box className="flex flex-col items-center justify-center h-full text-gray-400">
             <Box className="mb-4">
               <svg
@@ -181,9 +191,9 @@ const SchemeQuery: React.FC<Props> = ({
         ) : (
           <Box className="space-y-2 p-2">
             <Typography variant="caption" className="text-gray-500 px-2">
-              共 {schemes.length} 条记录
+              共 {sortedSchemes.length} 条记录
             </Typography>
-            {schemes.map((scheme) => (
+            {sortedSchemes.map((scheme) => (
               <Card key={scheme.scheme_id} variant="outlined" className="hover:shadow-md transition-shadow">
                 <CardContent className="p-3 pb-2 last:pb-3">
                   <Box className="flex items-start justify-between gap-2 mb-2">