SaaS Settings Page

Create a comprehensive settings page for a SaaS application:

1. LAYOUT
- Sidebar navigation for setting categories
- Main content area for each setting section
- Save button fixed at bottom or per-section

2. SETTINGS NAVIGATION (sidebar)
- Profile
- Account
- Workspace
- Notifications
- Integrations
- Billing
- Security
- API

3. PROFILE SETTINGS
- Avatar upload with crop functionality
- Full name input
- Display name input
- Email (read-only with "Change email" link)
- Job title
- Bio/About (textarea)
- Timezone dropdown
- Language dropdown

4. WORKSPACE SETTINGS
- Workspace name
- Workspace URL/subdomain
- Logo upload
- Default project settings
- Member permissions matrix

5. NOTIFICATION SETTINGS
Table with toggles for:
- Email / Push / In-app columns
- Rows: Task assigned, Task completed, Mentions, Comments, Project updates, Weekly digest

6. INTEGRATIONS PAGE
- Grid of available integrations
- Each card: Logo, name, description, Connect/Disconnect button
- Connected integrations show "Connected" badge
- Search/filter integrations

7. BILLING SETTINGS
- Current plan card with upgrade button
- Payment method (card ending in ****4242)
- Billing history table
- Download invoice links
- Cancel subscription link (with confirmation modal)

8. SECURITY SETTINGS
- Change password form
- Two-factor authentication toggle
- Active sessions list with "Sign out" buttons
- Login history
- API keys management

Design: Clean form layouts, use toggle switches for boolean options, group related settings logically.