feat: Implement Provider Tabs in Settings View

- Added a new `ProviderTabs` component to manage different AI providers (Claude and Cursor) within the settings view.
- Created `ClaudeSettingsTab` and `CursorSettingsTab` components for provider-specific configurations.
- Updated navigation to reflect the new provider structure, replacing the previous Claude-only setup.
- Marked completion of the settings view provider tabs phase in the integration plan.

apps/ui/src/components/views/settings-view/providers/claude-settings-tab.tsx

@@ -0,0 +1,35 @@
+import { useAppStore } from '@/store/app-store';
+import { useCliStatus } from '../hooks/use-cli-status';
+import { ClaudeCliStatus } from '../cli-status/claude-cli-status';
+import { ClaudeMdSettings } from '../claude/claude-md-settings';
+import { ClaudeUsageSection } from '../api-keys/claude-usage-section';
+
+export function ClaudeSettingsTab() {
+  const { apiKeys, autoLoadClaudeMd, setAutoLoadClaudeMd } = useAppStore();
+
+  // Use CLI status hook
+  const { claudeCliStatus, isCheckingClaudeCli, handleRefreshClaudeCli } = useCliStatus();
+
+  // Hide usage tracking when using API key (only show for Claude Code CLI users)
+  // Also hide on Windows for now (CLI usage command not supported)
+  const isWindows =
+    typeof navigator !== 'undefined' && navigator.platform?.toLowerCase().includes('win');
+  const showUsageTracking = !apiKeys.anthropic && !isWindows;
+
+  return (
+    <div className="space-y-6">
+      <ClaudeCliStatus
+        status={claudeCliStatus}
+        isChecking={isCheckingClaudeCli}
+        onRefresh={handleRefreshClaudeCli}
+      />
+      <ClaudeMdSettings
+        autoLoadClaudeMd={autoLoadClaudeMd}
+        onAutoLoadClaudeMdChange={setAutoLoadClaudeMd}
+      />
+      {showUsageTracking && <ClaudeUsageSection />}
+    </div>
+  );
+}
+
+export default ClaudeSettingsTab;