ui: make Metrics and SQL timepicker align

[maryliag]

Previously, the timepicker from Metrics page and
the timepicker on SQL Activity pages acted independently.
Now, if the value of one changes, the other value changes
to the same period selected.

This commit also fixes a bug where the period selected
would change to a custom value if the Metrics page was
refreshed.

Fixes #78187
Fixes #82152

Release note (ui change): The period selected on the Metrics
page and the SQL Activity pages are now aligned. If the user
changes in one page, the value will be the same for the other.

Release note (bug fix): The period selected on Metrics page
continues the same when refreshing the page, no longer changing
to a custom period.

[cockroach-teamcity]

This change is 

[xinhaoz]

Reviewed 11 of 16 files at r1.
Reviewable status: complete! 0 of 0 LGTMs obtained (waiting on @maryliag and @xinhaoz)

---

pkg/ui/workspaces/cluster-ui/src/timeScaleDropdown/utils.ts line 87 at r1 (raw file):

    : moment().utc();
  const endRounded = end.set({ millisecond: 0 });
  const start = moment.utc(endRounded).subtract(ts.windowSize);

Do we have unit tests for this function? Maybe we should consider adding them.

[maryliag]

Reviewable status: complete! 0 of 0 LGTMs obtained (waiting on @xinhaoz)

---

pkg/ui/workspaces/cluster-ui/src/timeScaleDropdown/utils.ts line 87 at r1 (raw file):

Previously, xinhaoz (Xin Hao Zhang) wrote…

Do we have unit tests for this function? Maybe we should consider adding them.

Test added

[xinhaoz]

Reviewed 2 of 16 files at r1, 3 of 6 files at r2.
Reviewable status: complete! 0 of 0 LGTMs obtained (waiting on @xinhaoz)

[maryliag]

TFTR!
bors r+

[craig]

Build succeeded:

• GitHub CI (Cockroach)

[blathers-crl]

Encountered an error creating backports. Some common things that can go wrong:

1. The backport branch might have already existed.
2. There was a merge conflict.
3. The backport branch contained merge commits.

You might need to create your backport manually using the backport tool.

---

error creating merge commit from 78b723d to blathers/backport-release-22.1-83107: POST https://api.github.com/repos/cockroachdb/cockroach/merges: 409 Merge conflict []

you may need to manually resolve merge conflicts with the backport tool.

Backport to branch 22.1.x failed. See errors above.

---

_{🦉 Hoot! I am a Blathers, a bot for CockroachDB. My owner is otan.}