[57644] Column ordering broken on project list

[bsatarnejad]

Ticket

https://community.openproject.org/projects/openproject/work_packages/57644/activity

What are you trying to accomplish?

Fix draggable columns inside configure view modal of projects list to work correctly.

Screenshots

Before:
https://github.com/user-attachments/assets/9f6b767f-bc89-4732-a8ed-3ed00f19d88e

After:
https://github.com/user-attachments/assets/6820fcf7-76d1-4cd3-8a4a-804b0358b6c9

What approach did you choose and why?

When the component is inside a Primer dialog component and isn't append to the body, it should have formControlId and dragAreaName inputs' values.

Merge checklist

• Added/updated tests
• Added/updated documentation in Lookbook (patterns, previews, etc)
• Tested major browsers (Chrome, Firefox, Edge, Safari)

[HDinger]

I'd like to have the id in a variable, so that it still works whenever I change the id.

e.g

id: COLUMN_HTML_ID,
dragAreaName: "#{COLUMN_HTML_ID}_dragarea",
formControlId: "#{COLUMN_HTML_ID}_autocompleter",

[HDinger]

Good to merge once the tests are green