fix(relation): Fix ellipsis for long selected relation labels

[Koc]

There is a bug on nextcloud-vue side. Let's add workaround on the app level till bug not fixed.

🖼️ Screenshots

🏚️ Before	🏡 After

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not needed
• 🔙 Backport requests are created or not needed: /backport to stableX.X
• 📅 Milestone is set
• 🌸 PR title is meaningful (if it should be in the changelog: is it meaningful to users?)

🤖 AI (if applicable)

• The content of this PR was partly or fully generated using AI

[samin-z]

ran 'npm run build' and hard refreshed, but i still see the same bug
in chrome:

in firefox:

[Koc]

@samin-z I guess because you're using single word. In my test scenario there were multiple words

[samin-z]

@Koc the issue is that the input field is flexible and exapnds with the content (has nothing to do with if its a single words or multiple words), so the input box expands to the width of the 'edit row' box and if it's bigger than that, the text still mixes with the 'dropdown' and 'cancel' icon.
"edit row" maximum box input length:

smaller than "edit row" maximum bix input length: