fix(admin): align toolbar and media upload layouts - #700

…e-baseline

The tracker re-snapshots the form 700ms after mount unless it has seen a
trusted DOM event, so late-initialising widgets do not leave the bar open.
TinyMCE edits happen inside an iframe and reach the tracker only through
the custom `unsaved-changes:touch` event, which did not count as
interaction; an edit made within that window was absorbed into the
baseline and the bar unmounted mid-click.

Custom touches now mark the form as interacted with, so the fallback
never re-baselines over a real edit. Fixes the Playwright
"WYSIWYG edit is reverted by Discard" failure on shard 2.

Claude-Session: https://claude.ai/code/session_01PsQH9MtPXHUVZUWNVogstf

Validate MagicAI platform extras through the request rule so only a JSON
object survives, and persist them only when the field is submitted.

Rework the datagrid toolbar, manage-columns and tags field markup for
responsive layouts, add an `overlay-open` body class alongside the scroll
lock, and register the `txt` MIME type for media content.

Adds the matching Pest coverage, the tags translations across all 33
locales, a responsive product grid Playwright spec and rebuilt assets.

Render the tags editor with the shared vue-multiselect classes so chips,
active border and dark mode come from the same theme tokens as every other
multi-value control, instead of a bespoke bordered box with a counter row.

Replace the non-existent `icon-cross-large` class with `icon-cancel`, which
the icon set actually defines — the datagrid clear-selection icon rendered
at zero size for the same reason.

Drop the now-unused hint and counter translations across all 33 locales and
move "clear all" onto a cross button inside the control.

The chip padding, right margin and the absolutely positioned remove icon all
come from `.multiselect__tag`; overriding the margin and turning the chip into
a flex row collapsed the gaps and pulled the icon against the label. Only the
row wrapping is ours now.

Chips filling the row shrank the input to zero width, leaving nowhere to type
and no hint that more values can be added. Give it a 12rem minimum so it wraps
onto its own line instead of collapsing, keep the placeholder visible once
chips exist, and match the field's 14px type.

The field hand-rolled its own chip box, so every state — focus ring, chip
metrics, dark mode, disabled — had to be re-implemented with overrides and
drifted from the multi-value controls next to it. Drive it through the same
`v-multiselect` the select fields use, in taggable mode, and keep only the
behaviour that is specific to free-text identifiers: splitting a pasted
comma or newline separated list, and a clear-all control in the library's
own `clear` slot.

Adds the `tag-placeholder` string across all 33 locales.

The toolbar now collapses its labels and first/last page controls once it
measures narrow, and the modal closes on escape, so specs that clicked the
"Filter" label, asserted every pagination arrow or pressed escape to dismiss
a select dropdown broke against the new behaviour.

- add a `data-grid-filter` hook and open the drawer through it
- derive the expected pagination symbols from the toolbar's measured width
- close select dropdowns by blurring instead of pressing escape
- teleport the confirm modal so it clears `#app` paint containment and the
  teleported dropdown panels that otherwise swallow its buttons
- wait for the filter drawer's enter transition before measuring it

…y' into fix/category-filter-options-flaky

A teleported dropdown panel is a body child at z-10010, so it covers the
confirmation dialog inside `#app` — the dialog's buttons were unclickable
while the saved-views menu was open. Teleporting the dialog fixed the
stacking but moved it out of `#app`, so dismiss the dropdown instead.

The passport spec opens with a block comment, so the added require landed
inside it and `closeDropdown` was never defined. The measurement filter test
still clicked the collapsed label, which the icon covers.

waitForURL matched the parent edit URL the page was already on, so it
resolved before the child existed and childId read back as parentId.

Both stylesheets were imported from the plugin entrypoints and the flatpickr
dark theme was fetched from npmcdn at runtime, which breaks on an isolated
network. They are now part of the admin bundle and themed through the colour
tokens, and darkVariantOf() applies the dark variant per selector so grouped
rules are checked the way Tailwind compiles them.

The mailer hook replaced the array transport the test environment forces with
the host stored in core_config, so the suite dialled the configured SMTP
server and the admin forget-password test failed on a 530.