Influx: Query segment menus now position correctly near the bottom of the screen

[ashharrison90]

What is this feature?

• only open the Select menu once options have loaded
• this allows the Select menu to calculate where to position itself correctly

Screenshare.-.2022-12-09.11_59_55.AM.mp4

Why do we need this feature?

• prevent menu overflowing the screen when positioned near the bottom

Who is this feature for?

• anyone using influx!

Which issue(s) does this PR fix?:

Fixes #59676
Fixes #44319
Fixes #43239

Special notes for your reviewer:

For context:

it looks like the select menu doesn't correctly calculate the position when you default isOpen to true. i'm guessing because the options are populated asynchronously? i think it positions the menu based on the initial content (which is basically nothing). so on first render, the content is empty. then the options get populated and the menu grows. if you change this line to something like isOpen={!loadState.loading}, it positions correctly.

that might be a good enough fix, or you might want the select menu to be open all the time. if that's the case, you'll probably need to trigger a rerender of the select component somehow.