Fix badge overflow (#6516)

Prevents node badges from overflowing out of the node header in vue mode
<img width="1157" height="593" alt="image"
src="https://github.com/user-attachments/assets/005e13e7-8bcc-46c4-9531-e6eba237cf60"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6516-Fix-badge-overflow-29e6d73d365081328250cbeb3ebbb670)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

src/renderer/extensions/vueNodes/components/NodeBadge.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="badge.icon || badge.text"
-    class="flex flex-auto items-center rounded-sm bg-node-component-surface px-1 py-0.5 text-xs"
+    class="min-w-max rounded-sm bg-node-component-surface px-1 py-0.5 text-xs"
     :style="{
       color: badge.fgColor,
       backgroundColor: badge.bgColor

src/renderer/extensions/vueNodes/components/NodeHeader.vue

@@ -17,7 +17,7 @@
   >
     <div class="flex items-center justify-between gap-2.5">
       <!-- Collapse/Expand Button -->
-      <div class="relative flex items-center gap-2.5">
+      <div class="relative grow-1 flex items-center gap-2.5">
         <div class="lod-toggle flex shrink-0 items-center px-0.5">
           <IconButton
             size="fit-content"
@@ -44,7 +44,7 @@
         <!-- Node Title -->
         <div
           v-tooltip.top="tooltipConfig"
-          class="lod-toggle flex flex-1 items-center gap-2 truncate text-sm font-bold"
+          class="lod-toggle grow-1 items-center gap-2 truncate text-sm font-bold w-15"
           data-testid="node-title"
         >
           <EditableText