Show job stages metrics

[onthebridgetonowhere]

Which issue does this PR close?

Closes #306 .

Rationale for this change

As per #306

What changes are included in this PR?

A new component for the stages metrics and the necessary glue code.

Are there any user-facing changes?

Yes, the job id can now be clicked and a modal window appears.

@andygrove -- the initial issue was mentioning that once a job id is clicked, a new window will open. I am new to React and after spending some hours trying to figure out how to use react-router without much success, I resorted to using the modal option. This allows us to keep the look & feel that we have with the graph view. Of course, happy to change to opening in a new window if that's what's better (which might be... depending on what UI features will be needed and how they will be implemented)

[andygrove]

Thanks @onthebridgetonowhere. This looks great. I am new to react as well and am planning on starting a course soon but have not had the chance yet.

I think this is a great start (and should be merged once I have time to review/test), but ultimately I think we want to have the main view change from the job list to the query stage list when the user clicks on a query, with a link to go back to the query list somehow.

I imagine that the code in App would like something like this, but again, I have no real understanding yet of react and how things like this are normally done.

if (currentJobId != null) {
  <Box>
    // query stage list
  </Box>
} else {
  <Box>
    // job list
  </Box>
}

[onthebridgetonowhere]

Thanks for the feedback! If I find some time in the weekend, I'll see if can try some improvements.

[andygrove]

I tested this locally. Looks great. Thanks @onthebridgetonowhere.