[Bug]: Date-range filter's applied-range pill only spans half the filter panel width

<div class="mt-1.5 grid grid-cols-2 gap-1.5">
    <p ... v-for="option in column.options" ...></p>   {{-- quick-pick buttons --}}

    <x-admin::flat-picker.date>...</x-admin::flat-picker.date>  {{-- "from" input --}}
    <x-admin::flat-picker.date>...</x-admin::flat-picker.date>  {{-- "to" input --}}

    <div class="mb-4 flex gap-2 flex-wrap">   {{-- applied-range pill --}}
        <p v-for="appliedColumnValue in getAppliedColumnValues(column.index)">...</p>
    </div>
</div>
The quick-pick buttons and From/To inputs are meant to sit two-per-row, so grid-cols-2 is correct for them. But the applied-range pill div is meant to be a single full-width summary row underneath everything else — as a direct child of the same grid with no col-span-2, it only ever occupies one of the two columns.

Suggested fix — add col-span-2 to that div:


- <div class="mb-4 flex gap-2 flex-wrap">
+ <div class="mb-4 flex gap-2 flex-wrap col-span-2">
This is generic DataGrid filter UI, so it reproduces on any admin listing that has a date_range-type filter column, not just one specific module.

Preconditions (environment)
PHP version: 8.3
Database (MySQL/PostgreSQL + version): PostgreSQL
Elasticsearch version (or "not used"): not used
Web server:
OS:
Browser:
Steps to reproduce
Go to any admin list with a date-range filter (e.g. Settings → any grid with a date-range column).
Open the Filter panel and pick a custom date range via the From/To pickers.
Look at the applied-range pill that appears below the pickers.
See it only fills the left half of the panel width instead of the full width.
Expected Result
full width

Actual Result
half width

Screenshots
No response

Additional Context
No response