fix(inspector): keep tab count badges visible in collapsed mode

[Arpitm544]

Closes #1480. This PR refactors TabsTrigger to use a generic 'badge' prop and ensures it remains visible even when the tab bar is collapsed/icon-only. (Cleaned up from previous PR #1489)

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@mcp-use/cli@1490

npm i https://pkg.pr.new/create-mcp-use-app@1490

npm i https://pkg.pr.new/@mcp-use/inspector@1490

npm i https://pkg.pr.new/mcp-use@1490

commit: 955bcb6

[khandrew1]

I just reviewed this PR, and not sure why the badge shifts sides when selected. it should just always be on the right.

On another note this might cause the width to be too wide and cause that weird overflow on the top bar. Do you have any thoughts on that?

[Arpitm544]

Thanks for giving the feedback I shift the badge from

icon -> badge -> label
to
icon -> label -> badge

so it stays on the right consistently

Yeah good point . Badges make the tabs a little wider, but I see that tab list already support horizontal scrolling if it gets too wide. If need , we can make the badges smaller or shorter in larger counts later like 99+

[khandrew1]

Also add a changeset. Thanks! I think this is better UX for now.