[Bug]: Unstable placement when pick button is at bottom of the encoding panel/window

### What happened?

Example with `teal_modules_clinical`'s binary_outcome module

https://github.com/user-attachments/assets/f0fa7099-0e0a-4e6f-a304-55f78361ba17

Current implementation:

1. Checks for `picks` position
2. Move popup DOM element to html body
3. Place it on current `picks` position calculated in 1. with X offset

Some topics to discuss:

- Is this just an implementation bug and requires better JS/CSS positioniong
- Should we detect that it will placed at bottom of window and just offset it "upwards" (possibily using `bottom` CSS property)
- Module in screencast has extra whitespace which might be a indicator that our strategy to keep popup hidden is failing

### Relevant log output

_No response_

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct.

### Contribution Guidelines

- [x] I agree to follow this project's Contribution Guidelines.

### Security Policy

- [x] I agree to follow this project's Security Policy.