Dropdown selection changes component width and causes layout wrapping

[PailaKarthik]

Describe the bug

When selecting certain values from a dropdown, the selected text increases the width of the dropdown component.

As a result, nearby elements wrap or shift position, causing an inconsistent layout.

Steps to reproduce

1. Navigate to the affected page
2. Open the dropdown
3. Select an option with longer text
4. Observe the surrounding layout

Expected behavior

The dropdown width should remain stable after selection and should not affect the positioning of surrounding elements.

Actual behavior

The dropdown width changes based on the selected option, causing nearby elements to wrap or shift.

Additional context

This creates visible layout shifts and affects the user experience, especially when selecting longer option values.

[Huaian666]

nice work btw. grabbed a few ideas from the code for my own project (hope that's ok lol)

[vicksiyi]

Root cause: the marketplace filter controls only had a minimum width, so long selected values could expand a select and push neighboring controls into a wrapped layout.

Fix: the filter selects now use a stable width and truncate long selected values inside the control.

Validation: pnpm --dir packages/ui build

PR: #6544