[BUG] MonitorHistory timeline bars don't resize automatically when opening a flyout.

[AWSHurneyt]

What is the bug?
This timeline bar graphics in the History component of the Monitor details page do not resize automatically when opening a flyout.

How can one reproduce the bug?
Steps to reproduce the behavior:

1. Go to the Monitor details page for a document level monitor that has alerts.
2. Click on the Document link for one of the alerts to open its flyout.
3. See error

What is the expected behavior?
All elements in the graphic should resize automatically when opening and closing the flyout.

What is your host/environment?

• OS: iOS
• Version 10.15.7
• Plugins: alerting, alertingDashboards

Do you have any screenshots?

Do you have any additional context?
Dragging the edge of the window to resize the browser will resize the History element appropriately.

[AWSHurneyt]

A similar bug can be seen on the Monitors tab when browser inspect side panel is open.

[amsiglan]

Findings:

1. The visualization depends on the resize event to change its width.

   • A possible solution is to raise the resize event but that might lead some extra handlers to run as well. Another way out is to avoid using pushOver flyout similar to what we do in other plugins like security analytics.

2. The monitor table issue happens because of static widths specified for the columns in tableUtils

   • We need to review why these were added in first place and see if we can remove them.

[AWSHurneyt]

Related issue #296

[amsiglan]

The first half of the bug won't show up now as the Flyouts are using Overlay type instead of pushover.
For the second half, let me send a fix