[ui] A few tick timeline bugfixes

[hellendag]

Summary & Motivation

A handful of bugfixes on the sensor tick timeline.

• When paginating to older ticks, the "Now" line renders offscreen on the timeline, making the entire page h-scrollable. Now, the "Now" line only renders when it is in range.
• In some circumstances, the timestamp labels do not render on the timeline on "older" pages. Fix this.
• Show the timestamp in the hover tooltip on ticks in the timeline, to provide a bit more context to the user.

Missing time label example:

Before:

After:

Hover state on tick:

How I Tested These Changes

View sensors in elementl, verify that the tick timeline renders and behaves as described above.

Changelog

[ui] Fixed timestamp labels and "Now" line rendering bugs on the sensor tick timeline.

[hellendag]

• [ui] A few tick timeline bugfixes #26137 👈 (View in Graphite)
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[github-actions]

Deploy preview for dagit-core-storybook ready!

✅ Preview
https://dagit-core-storybook-n3girp0sg-elementl.vercel.app
https://dish-fe-700-sensor-tick-timeline-breaks-window-horizontally.core-storybook.dagster-docs.io

Built with commit 8b5c873.
This pull request is being automatically deployed with vercel-action

[bengotow]

This looks great - I actually didn't realize that paginating on this page also stepped you back in the tick timeline :-o I thought it was always the last X minutes!