Update time duration format

[bbovenzi]

Any duration less than 10 seconds will be: 9.42s

Any duration longer than 10 seconds will be: 3:12:34 for 3 hours, 12 minutes, 34 seconds

Durations 1 day or longer will be: 1d01:34:41 for 1 day, 1 hour, 34 minutes, 41 seconds

Closes #49507

---

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

[bbovenzi]

@josh-fell @tirkarthi Let me know if this makes sense to you all

[pierrejeambrun]

Nice, beside the 00 that will be forced double digit because this is handled as a special case, everything under < 10 will be displayed single digit. (1d1h1m1s...)

[tirkarthi]

There are places where getDuration is used and then the formatted string also has s at the end to show seconds which should be updated since it results in 0.6ss for example in TaskInstance Header component.

rg 'getDuration.*\}s' src/pages/

src/pages/Run/Header.tsx
107:          { label: "Duration", value: `${getDuration(dagRun.start_date, dagRun.end_date)}s` },

src/pages/Run/Details.tsx
93:              <Table.Cell>{getDuration(dagRun.start_date, dagRun.end_date)}s</Table.Cell>

src/pages/TaskInstances/TaskInstances.tsx
143:      Boolean(original.start_date) ? `${getDuration(original.start_date, original.end_date)}s` : "",

src/pages/MappedTaskInstance/Header.tsx
49:      ? [{ label: "Duration", value: `${getDuration(taskInstance.start_date, taskInstance.end_date)}s` }]

src/pages/TaskInstance/Header.tsx
51:      ? [{ label: "Duration", value: `${getDuration(taskInstance.start_date, taskInstance.end_date)}s` }]

src/pages/TaskInstance/Details.tsx
163:                ? `${getDuration(tryInstance?.start_date ?? null, tryInstance?.end_date ?? null)}s`

src/pages/Dag/Backfills/Backfills.tsx
92:          : `${getDuration(row.original.created_at, row.original.completed_at)}s`}

[josh-fell]

🔥