feat: adjust contextual dropdown vertical position

[petermakowski]

Done

This adjusts contextual dropdown vertical position based on the available space in the parent container. It's assuming that the container that should be used for the measurement is the first first scrollable parent of the dropdown.

This is fairly computationally expensive, but because it happens on open it shouldn't cause issues in real-world scenarios.

• feat: adjust contextual dropdown vertical position
• add missing Button import to ContextualMenu story

QA

• Go to http://localhost:9009/?path=/story/contextualmenu--overflowing-container
• Verify that the first dropdown displays its content below the button and second one displays the content above.

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Steps for QA.

Fixes

Fixes: https://warthogs.atlassian.net/browse/MAASENG-2428

[webteam-app]

Demo starting at https://react-components-1009.demos.haus

[github-actions[bot]]

:tada: This PR is included in version 0.48.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: