Close button of popup editor overlaps text during editing

[Skaiir]

Describe the Bug

Currently, the close button is overlapping some of the feel text when editing. This causes

Steps to Reproduce

1. Pop a feel expression out
2. Enter a bunch of text into it
3. See above picture

Expected Behavior

3. There should not be a conflict between this button and the text display. Move the Close button to the top bar of the FEEL Popup Editor. The area below will be reserved only for editing and previewing FEEL expressions.

[volodymyr-melnykc]

To solve this issue and improve overall visual alignment, move the Close button to the top bar of the FEEL Popup Editor. This will reserve the area below only for editing and previewing FEEL expressions.
The button to close the popup should be an icon button, and hovering it should show the tooltip "Close."

See in Figma: https://www.figma.com/design/0j9HfQf1xxbfandkOB16hM/FEEL-Popup-Editor?node-id=1-3747&t=1boCVVH8sQ3syzrl-1

[Skaiir]

Should we consider using a dock icon instead? It might better convey the idea that the change is not destructive, what do you think?

[volodymyr-melnykc]

Agreed that a tooltip for the close button will indicate that changes are saved when closing, so this action is not destructive.