feat(04-02): wire WorkspaceSection into SettingsView and SettingsTabs

- Add WorkspaceSection to sections/index.ts barrel export
- Add 'workspace' to SettingsSection union type with HardDrive icon
- Position Workspaces tab between Connection and Notifications
- Render WorkspaceSection when workspace tab is active (no props needed)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/renderer/components/settings/SettingsTabs.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 
-import { Bell, Server, Settings, Wrench } from 'lucide-react';
+import { Bell, HardDrive, Server, Settings, Wrench } from 'lucide-react';
 
-export type SettingsSection = 'general' | 'connection' | 'notifications' | 'advanced';
+export type SettingsSection = 'general' | 'connection' | 'workspace' | 'notifications' | 'advanced';
 
 interface SettingsTabsProps {
   activeSection: SettingsSection;
@@ -18,6 +18,7 @@ interface TabConfig {
 const tabs: TabConfig[] = [
   { id: 'general', label: 'General', icon: Settings },
   { id: 'connection', label: 'Connection', icon: Server },
+  { id: 'workspace', label: 'Workspaces', icon: HardDrive },
   { id: 'notifications', label: 'Notifications', icon: Bell },
   { id: 'advanced', label: 'Advanced', icon: Wrench },
 ];

src/renderer/components/settings/SettingsView.tsx

@@ -13,6 +13,7 @@ import {
   ConnectionSection,
   GeneralSection,
   NotificationsSection,
+  WorkspaceSection,
 } from './sections';
 import { type SettingsSection, SettingsTabs } from './SettingsTabs';
 
@@ -119,6 +120,8 @@ export const SettingsView = (): React.JSX.Element | null => {
 
           {activeSection === 'connection' && <ConnectionSection />}
 
+          {activeSection === 'workspace' && <WorkspaceSection />}
+
           {activeSection === 'notifications' && (
             <NotificationsSection
               safeConfig={safeConfig}

src/renderer/components/settings/sections/index.ts

@@ -6,3 +6,4 @@ export { AdvancedSection } from './AdvancedSection';
 export { ConnectionSection } from './ConnectionSection';
 export { GeneralSection } from './GeneralSection';
 export { NotificationsSection } from './NotificationsSection';
+export { WorkspaceSection } from './WorkspaceSection';