fix(ui): handle long text in BuilderSelect

The `BuilderSelect` trigger has overflow issues with long text
containing breakable content. The trick was just a missing `white-space:
nowrap` rule.

I also took the opportunity to add a tooltip to the `BuilderSelect`'s
trigger.

src/ui/src/builder/BuilderSelect.vue

@@ -3,6 +3,7 @@
 		<button
 			class="BuilderSelect__trigger"
 			role="button"
+			:data-writer-tooltip="currentLabel"
 			@click="isOpen = !isOpen"
 		>
 			<i v-if="!hideIcons" class="material-symbols-outlined">{{
@@ -141,6 +142,7 @@ function onSelect(value: string) {
 	overflow: hidden;
 	flex-grow: 1;
 	text-align: left;
+	white-space: nowrap;
 }
 .BuilderSelect__trigger__arrow {
 	border: none;

src/ui/src/builder/BuilderTooltip.vue

@@ -131,6 +131,7 @@ onUnmounted(() => {
 	display: content;
 	max-width: 260px;
 	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
+	word-break: break-all;
 }
 
 .arrow {

src/ui/src/wds/WdsDropdownMenu.vue

@@ -138,6 +138,7 @@ watch(searchTerm, () => emits("search", searchTerm.value));
 }
 .WdsDropdownMenu__item__label {
 	text-overflow: ellipsis;
+	white-space: nowrap;
 	overflow: hidden;
 	text-align: left;
 }