Add global range selection sync to Gantt chart with toggle button

[aaanh]

What it does

Add range selection sync feature, similar to Flame graph selection, to the extension. Along with a sync toggle button for the Gantt chart.

flame.graph.selection.mp4

Along with this PR, refactored the UnitController class's numberTranslator to use a new utility factory method createNumberTranslator.

How to test

• Check out this PR.
• Open an lttng-ust trace (e.g. fibonacci or cyg-profile)
• Open both flame chart and flame graph views
• Left-mouse drag over the flame chart to select a range for analysis
• Turn on the sync with the toggle button on Flame graph view
• Expect to see the Flame graph is properly rendering agrregated states within the (global) time range selection
• Turn off to see the Flame graph is restored to show all states in experiment

Follow-ups

N/A

Review checklist

• As an author, I have thoroughly tested my changes and carefully followed the instructions in this template

[marcdumais-work]

I think the license check CI failure is unrelated to the content of the PR and can be ignored for now.

[aaanh]

Latest changes to the PR:

• Rename responseType variable to providerType to stay consistent with the naming scheme
• Fix x-axis sync issues
• Fix incorrect offset when selecting a global range in sync mode