refactor(nav): move settings tabs to sidebar sub-navigation

[vincentgrobler]

Description

Replace the 14-tab horizontal scroll bar on the Settings page with collapsible sub-navigation items in the sidebar menu.

• Settings is now a collapsible group with chevron toggle
• 14 sub-items grouped into 3 categories: Config, Integrations, Workspace
• Each section gets its own URL (/settings/:tab) instead of local state
• Auto-expands when navigating to any /settings/* route
• Collapsed/tablet mode falls back to single Settings icon
• TopBar shows per-section title (e.g. 'API Keys', 'Webhooks')
• EE feature gating preserved for Channels, Members, Chat Widget
• Settings page simplified: removed tab bar, h1 header, useState

Related Issue

Type of Change

• 🐛 Bug fix (non-breaking change that fixes an issue)
• ✨ New feature (non-breaking change that adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to change)
• 📝 Documentation update
• ♻️ Refactor (no functional changes)
• 🧪 Test update

How Has This Been Tested?

• Unit tests
• Manual testing
• Browser testing (specify browsers)

Screenshots (if applicable)

Checklist

• My code follows the project's coding standards
• I have run npm run lint and there are no errors
• I have run npm run test and all tests pass
• I have added tests for my changes (if applicable)
• I have updated the documentation (if applicable)
• My source files have AGPL licence headers
• My changes generate no new TypeScript errors

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
crewform	Ready	Preview, Comment	Apr 10, 2026 10:26pm