[FIX] Stabilize View Options layout in Manage Elements

[middleDuckAi]

Summary

• removes the conflicting Bootstrap form-inline behavior from the Manage Elements View Options form
• makes the View Options controls use a scoped responsive flex layout with explicit gaps, stable input widths, and aligned reset action
• updates the layout contract test so future changes do not reintroduce overlapping labels/inputs

Why

The previous fix only spaced the individual controls, but the parent form still inherited inline flex behavior. That allowed separate View Options rows to sit beside each other and caused labels such as Icons and Font-Size to collide with neighboring inputs.

Verification

• php -l core/tests/Unit/Manager/ViewOptionsPanelLayoutTest.php
• php -l manager/views/page/resources/helper/switchButtons.blade.php
• vendor/bin/pest tests/Unit/Manager/ViewOptionsPanelLayoutTest.php after refreshing local test dependencies
• static layout contract check for the scoped View Options selectors
• git diff --check

Refs #2338