Make Dag Run ID visible in Dag Header Card (apache#56392)

Author: jscheffl

airflow-core/src/airflow/ui/src/layouts/Details/DagBreadcrumb.tsx

@@ -28,7 +28,6 @@ import {
 } from "openapi/queries";
 import { BreadcrumbStats } from "src/components/BreadcrumbStats";
 import { StateBadge } from "src/components/StateBadge";
-import Time from "src/components/Time";
 import { TogglePause } from "src/components/TogglePause";
 import { isStatePending, useAutoRefresh } from "src/utils";
 
@@ -82,7 +81,7 @@ export const DagBreadcrumb = () => {
   // Add dag run breadcrumb
   if (runId !== undefined) {
     links.push({
-      label: dagRun === undefined ? runId : <Time datetime={dagRun.run_after} />,
+      label: dagRun === undefined ? runId : dagRun.dag_run_id,
       labelExtra: dagRun === undefined ? undefined : <StateBadge fontSize="xs" state={dagRun.state} />,
       title: translate("dagRun_one"),
       value: `/dags/${dagId}/runs/${runId}`,

airflow-core/src/airflow/ui/src/pages/Run/Header.tsx

@@ -164,7 +164,7 @@ export const Header = ({
             ),
           },
         ]}
-        title={<Time datetime={dagRun.run_after} />}
+        title={dagRun.dag_run_id}
       />
     </Box>
   );