Update default sort for connections and dags (#50600)

Co-authored-by: pierrejeambrun <[email protected]>

Author: guan404ming

airflow-core/src/airflow/ui/src/pages/Connections/Connections.tsx

@@ -85,9 +85,7 @@ const columns: Array<ColumnDef<ConnectionResponse>> = [
 ];
 
 export const Connections = () => {
-  const { setTableURLState, tableURLState } = useTableURLState({
-    sorting: [{ desc: false, id: "connection_id" }],
-  });
+  const { setTableURLState, tableURLState } = useTableURLState();
   const [searchParams, setSearchParams] = useSearchParams();
   const { NAME_PATTERN: NAME_PATTERN_PARAM }: SearchParamsKeysType = SearchParamsKeys;
   const [connectionIdPattern, setConnectionIdPattern] = useState(
@@ -97,7 +95,7 @@ export const Connections = () => {
   useConnectionTypeMeta(); // Pre-fetch connection type metadata
   const { pagination, sorting } = tableURLState;
   const [sort] = sorting;
-  const orderBy = sort ? `${sort.desc ? "-" : ""}${sort.id}` : "-connection_id";
+  const orderBy = sort ? `${sort.desc ? "-" : ""}${sort.id}` : "connection_id";
   const { data, error, isFetching, isLoading } = useConnectionServiceGetConnections({
     connectionIdPattern: connectionIdPattern ?? undefined,
     limit: pagination.pageSize,

airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx

@@ -71,7 +71,7 @@ const columns: Array<ColumnDef<DAGWithLatestDagRunsResponse>> = [
     },
   },
   {
-    accessorKey: "dag_id",
+    accessorKey: "dag_display_name",
     cell: ({ row: { original } }) => (
       <Link asChild color="fg.info" fontWeight="bold">
         <RouterLink to={`/dags/${original.dag_id}`}>{original.dag_display_name}</RouterLink>
@@ -180,7 +180,7 @@ export const DagsList = () => {
   );
 
   const [sort] = sorting;
-  const orderBy = sort ? `${sort.desc ? "-" : ""}${sort.id}` : "-last_run_start_date";
+  const orderBy = sort ? `${sort.desc ? "-" : ""}${sort.id}` : "dag_display_name";
 
   const handleSearchChange = (value: string) => {
     if (value) {