refactor: update layout styles for tabs and actions in ViewLayout component

[tlgimenes]

• Adjusted the layout of the tabs and actions section for improved responsiveness and visual consistency.
• Modified CSS classes to enhance overflow handling and spacing between elements.

What is this contribution about?

Describe your changes and why they're needed.

Screenshots/Demonstration

Add screenshots or a Loom video if your changes affect the UI.

Review Checklist

• PR title is clear and descriptive
• Changes are tested and working
• Documentation is updated (if needed)
• No breaking changes

---

Summary by cubic

Refactored the ViewLayout tabs/actions layout to improve responsiveness and overflow handling. Tabs can scroll horizontally when needed, and actions stay visible with clear separation.

• Refactors
  • Container: removed justify-between, tightened gaps, and added min-w-0 for better flex shrink behavior.
  • Tabs: added overflow-x-auto and min-w-0 to enable horizontal scrolling on overflow.
  • Actions: added shrink-0 and a left border with padding for consistent spacing and visibility.

^{Written for commit a3f2421. Summary will update on new commits.}

[github-actions]

🧪 Benchmark

Should we run the MCP Gateway benchmark for this PR?

React with 👍 to run the benchmark.

Reaction	Action
👍	Run quick benchmark (10 & 128 tools)

Benchmark will run on the next push after you react.

[github-actions]

Release Options

Should a new version be published when this PR is merged?

React with an emoji to vote on the release type:

Reaction	Type	Next Version
👍	Prerelease	1.0.17-alpha.1
🎉	Patch	1.0.17
❤️	Minor	1.1.0
🚀	Major	2.0.0

Current version: 1.0.16

Deployment

• Deploy to production (triggers ArgoCD sync after Docker image is published)

[cubic-dev-ai]

No issues found across 1 file