Monitor Tab - The x-axis timeframe should be according to the selected timeframe

[nofar9792]

Resolves #882

Which problem is this PR solving?

x axis timeframe should be what the user chose in the dropdown

Short description of the changes

add xDomain in order to define it by the dropdown value and not automatically interpolates across the relevant domains of the data

before:

Screen.Recording.2022-02-15.at.17.37.56.mov

after:

Screen.Recording.2022-02-15.at.17.38.29.mov

[nofar9792]

@AlonMiz

[nofar9792]

@yurishkuro ?

[codecov]

Codecov Report

Merging #886 (130c001) into main (676a90b) will increase coverage by 0.05%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #886      +/-   ##
==========================================
+ Coverage   95.29%   95.34%   +0.05%     
==========================================
  Files         240      240              
  Lines        7460     7462       +2     
  Branches     1865     1865              
==========================================
+ Hits         7109     7115       +6     
+ Misses        345      341       -4     
  Partials        6        6              

Impacted Files	Coverage Δ
...c/components/Monitor/ServicesView/serviceGraph.tsx	98.07% <ø> (ø)
...r-ui/src/components/Monitor/ServicesView/index.tsx	98.75% <100.00%> (+0.03%)	⬆️
...nents/TracePage/TraceTimelineViewer/SpanBarRow.tsx	94.44% <0.00%> (-5.56%)	⬇️
...mponents/TracePage/TraceStatistics/tableValues.tsx	95.86% <0.00%> (+2.06%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 676a90b...130c001. Read the comment docs.