Align labels on focal point picker position controls above the inputs

[chad1008]

Description

Fixes #33563.

This PR relocates the 'Left' and 'Top' input labels on the Focal Point Picker to the top of the input field, rather than having them beside it.

With labels beside the inputs, the text can become longer when translated, which truncates the input field itself and making the value unreadable (see below for an example of Gutenberg in Spanish, where Izquierda is sufficiently long enough to cause the issue).

How has this been tested?

Tested manually, I've added a Cover block to a new post before and after the change to confirm the new placement.

Screenshots

Before:

After:

Types of changes

UI Bug Fix

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• N/A My code has proper inline documentation.
• N/A I've included developer documentation if appropriate.
• N/A I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @chad1008! In case you missed it, we'd love to have you join us in our Slack community, where we hold regularly weekly meetings open to anyone to coordinate with each other.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[talldan]

Looks good, thanks @chad1008! Congrats on your first contribution.