Revamp trace page

[tacigar]

This PR will

• Refactor and simplify the process of creating the trace tree.
• Change the design.
• Add MiniTimeline feature.
• Add SpanTable feature.
• Add AnnotationTooltip feature.

zipkin-revamp-tracepage.mp4

[basvanbeek]

This change in behavior makes a test fail... please fix the test because I think the update to this function makes sense.

[INFO] FAIL src/zipkin/trace.test.js
[INFO]   ● mkDurationStr › should return empty string on zero duration
[INFO] 
[INFO]     expect(received).toBe(expected) // Object.is equality
[INFO] 
[INFO]     Expected: ""
[INFO]     Received: "0ms"
[INFO] 
[INFO]       354 | describe('mkDurationStr', () => {
[INFO]       355 |   it('should return empty string on zero duration', () => {
[INFO]     > 356 |     expect(mkDurationStr(0)).toBe('');
[INFO]           |                              ^
[INFO]       357 |   });
[INFO]       358 | 
[INFO]       359 |   it('should return empty string on undefined duration', () => {
[INFO] 
[INFO]       at Object.<anonymous> (src/zipkin/trace.test.js:356:30)
[INFO] 
[INFO] 
[INFO] Test Suites: 1 failed, 23 passed, 24 total
[INFO] Tests:       1 failed, 233 passed, 234 total

[tacigar]

Thanks @basvanbeek
Fixed 🙇

[basvanbeek]

@tacigar thank you for this awesome improvement to the Zipkin UI. I wholeheartedly approve it.

[tacigar]

Thank you @basvanbeek !!

[jcchavezs]

This is awesome @tacigar !

[tacigar]

Upload a screenshot to update the image of README.md