App builder item - cap max width and truncate (#9335)

## Summary

Currently they overflow, this adds truncation

## Screenshots (if applicable)

<img width="325" height="459" alt="image"
src="https://github.com/user-attachments/assets/92600c14-da31-4a96-af3c-aeac928243c4"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9335-App-builder-item-cap-max-width-and-truncate-3176d73d365081d1b461cf2758b04ec2)
by [Unito](https://www.unito.io)

src/components/builder/IoItem.vue

@@ -32,10 +32,13 @@ const entries = computed(() => {
 })
 </script>
 <template>
-  <div class="p-2 my-2 rounded-lg flex items-center-safe">
-    <span class="mr-auto truncate shrink-1" v-text="title" />
+  <div class="p-2 my-2 rounded-lg flex items-center-safe gap-2">
     <span
-      class="text-muted-foreground mr-2 text-end truncate shrink-3"
+      class="mr-auto flex-[4_1_0%] max-w-max min-w-0 truncate"
+      v-text="title"
+    />
+    <span
+      class="flex-[2_1_0%] max-w-max min-w-0 truncate text-muted-foreground text-end"
       v-text="subTitle"
     />
     <Popover :entries>