Improve page editor responsive UI further

[fregante]

Describe the bug

• Follows Improve responsiveness of forms and field labels #7464

As seen in that PR, some parts of the form don't wrap well in tight viewports and they might need to be reviewed.

This might be classified as low priority or papercut. However after the MV3 sidePanel migration, more people will see it since the page editor will be smaller when the sidePanel is open.

To Reproduce

1. Create Sidebar panel
2. Leave both page editor sidebars open
3. Make window tight enough that components feel cramped

Actual behavior

Expected behavior

They should wrap earlier.

Related

• Migration away from bootstrap columns #4914

[fregante]

These two fields were also affected until #7464 was merged:

Now they don't suffer the same exact issue, but in one specific resolution they might end up in this layout instead (between 1516px and 1528px)

[BrandonPxBx]

The gap between the label and the input is too great once wrapped. However, this change is sorely needed, IMO. There's a bigger discussion going on about it, so copying Todd for visibility. CC @twschiller

[fregante]

The gap between the label and the input is too great once wrapped

True, there's a PR open to fix that. You can see the before/after in it:

• #7558: Fix page editor spacing, alignment, wrapping #7597