style(environment settings): Environment settings revamp - minor adjustments

[marcindobry]

• Improved responsiveness on environment settings page to match the designs
• change the labeling of a Cancel button to match the designs
• use v2 button component for deleting the environment (this fixes missing hover/clicked states)
• adjust the styling in Connect UI to match the updated designs

---

It also introduces an EnvironmentSettingsContent wrapper to center the tab content within DashboardLayout and tightens the Connect UI spacing and disabled-label treatments so the layout aligns with the refreshed designs.

Affected Areas

• packages/webapp/src/pages/Environment/Settings/Show.tsx
• packages/webapp/src/pages/Environment/Settings/components/DeleteButton.tsx
• packages/webapp/src/pages/Environment/Settings/ConnectUISettings/index.tsx
• packages/webapp/src/pages/Environment/Settings/Backend.tsx

---

This summary was automatically generated by @propel-code-bot

[linear]

NAN-4205 Redesign environment settings

[my-senior-dev-pr-review]

🤖 My Senior Dev — Analysis Complete

👤 For @marcindobry

📁 Expert in packages/ (39 edits) • ⚡ 4th PR this month

View your contributor analytics →

---

📊 4 files reviewed

✅ No high-risk areas found

---

🚀 Open Interactive Review →

The full interface unlocks features not available in GitHub:

• 💬 AI Chat — Ask questions on any file, get context-aware answers
• 🔍 Smart Hovers — See symbol definitions and usage without leaving the diff
• 📚 Code Archeology — Understand how files evolved over time (/archeology)
• 🎯 Learning Insights — See how this PR compares to similar changes

---

💬 Chat here: @my-senior-dev explain this change — or try @chaos-monkey @security-auditor @optimizer @skeptic @junior-dev

📖 View all 12 personas & slash commands

You can interact with me by mentioning @my-senior-dev in any comment:

In PR comments or on any line of code:

• Ask questions about the code or PR
• Request explanations of specific changes
• Get suggestions for improvements

Slash commands:

• /help — Show all available commands
• /archeology — See the history and evolution of changed files
• /profile — Performance analysis and suggestions
• /expertise — Find who knows this code best
• /personas — List all available AI personas

AI Personas (mention to get their perspective):

Persona	Focus
@chaos-monkey 🐵	Edge cases & failure scenarios
@skeptic 🤨	Challenge assumptions
@optimizer ⚡	Performance & efficiency
@security-auditor 🔒	Security vulnerabilities
@accessibility-advocate ♿	Inclusive design
@junior-dev 🌱	Simple explanations
@tech-debt-collector 💳	Code quality & shortcuts
@ux-champion 🎨	User experience
@devops-engineer 🚀	Deployment & scaling
@documentation-nazi 📚	Documentation gaps
@legacy-whisperer 🏛️	Working with existing code
@test-driven-purist ✅	Testing & TDD

For the best experience, view this PR on myseniordev.com — includes AI chat, file annotations, and interactive reviews.

[kaposke]

Looks good.

Couple things I noticed:

When the screen gets bigger, the menu and content gets spaced between:

I think the save button in Connect UI settings could just say "Save"

[marcindobry]

When the screen gets bigger, the menu and content gets spaced between

That's by design :)