[ Vue nodes ] Add a compact version of the new nodes

### Is there an existing issue for this?

- [x] I have searched the existing issues and checked the recent builds/commits

### What problem are you experiencing?

The new Vude nodes look good, but they are very large. 

This makes it difficult to create and navigate large workflows, especially if we have node sizes and positions very optimized.

Below are the smallest sizes we can get for the KSampler node, in Vue and Litegraph ( both at 100% Zoom ).

### When does this problem occur?

Using Vue nodes in large workflows.

### How often do you encounter this problem?

Daily

### How much does this problem affect your workflow?

Causes moderate inconvenience

### Current workarounds

We can reduce the zoom level, but this does not solve the problem because:

- The nodes are still much wider than the old design, so they still take much more screen space.

- The font it's harder to read at lower zoom levels ( https://github.com/Comfy-Org/ComfyUI_frontend/issues/6481#issuecomment-3472335861 )
I dont think a larger font would be a good fix for everybody, because lot's of widget names would be partially hidden.

### Ideas for solutions (Optional)

We could have a compact version of the Vue node, as an user option:

- Widget name inside the widget area
- Smaller minimum width

---

I would also add an "ultra compact" version:

- Shorter header
- No space between widgets

### Additional context

_No response_

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-6484-Vue-nude-Add-a-compact-versions-of-the-new-nodes-29d6d73d365081d98619e78337105a3f) by [Unito](https://www.unito.io)