Templating Task Name

[ThatGalNatalie]

PR Checklist:

• add a short description of what's changed to the top of the CHANGELOG.md
• add/update tests (or don't, for reasons explained below)

Describe this PR

Should resolve #853

[znicholasbrown]

I think we can show both the task run name and the task name, something like this for flow runs:

<<task name>> (test-subtitle-2 font-weight-light)
<<task run name>> (text-h5)
<<duration>> (text-subtitle-2)

but then for mapped tasks we could do:

<<task name>> (text-h5)
<<number of finished runs / total number>> (text-subtitle-2 font-weight-light)
<<duration>> (text-subtitle-2)

(note that those are relative font classes, I didn't check what the current ones are or whether they're even class controlled)

We'd want to keep the static graph as-is.

[znicholasbrown]

It looks like we're still showing special class type icons on the task name line. This view might be confusing with duplicates when runs aren't explicitly named, but perhaps not. Maybe making bumping the overline text down a little would help?

[znicholasbrown]

I think there might be some unpushed changes, this looks largely the same as before:

Note that the special class type icons are still duplicated on the task name line.

On the finished runs portion, that can be said more succinctly like this:

current/total runs complete

and when zoomed out far enough that the chart/duration are no longer showed, probably just current/total.

I think this has introduced a small bug with node scaling/placement (note that terminal nodes have shifted down somewhat and are no longer centered on the end of the edge):
this branch:

master:

[znicholasbrown]

This looks good, a few small code comments

Added in the new changes

[znicholasbrown]

Nice, thanks for the updates @ThatGalNatalie 👍🏻