feat(devtools): 添加生产环境调试工具系统

新增调试工具目录 src/devtools/，提供完整的生产环境调试能力：

- apiDebugger: 拦截所有 API 请求/响应，记录日志
- notificationDebugger: 测试浏览器通知，检查权限
- socketDebugger: 监听所有 Socket 事件，诊断连接状态
- 全局 API: window.__DEBUG__ 提供便捷的控制台调试命令

功能特性：
- 环境变量控制：REACT_APP_ENABLE_DEBUG=true 开启
- 动态导入：不影响生产环境性能
- 完整诊断：diagnose()、performance()、exportAll()
- 易于移除：所有代码集中在 src/devtools/ 目录

Webpack 配置：
- 添加 'debug' alias 强制解析到 node_modules/debug
- 添加 @devtools alias 简化导入路径
- 避免与 npm debug 包的命名冲突

🔧 Generated with [Claude Code](https://claude.com/claude-code)

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

src/index.js

@@ -13,6 +13,19 @@ import App from './App';
 import { browserNotificationService } from './services/browserNotificationService';
 window.browserNotificationService = browserNotificationService;
 
+// 🔧 条件导入调试工具（生产环境可选）
+// 开启方式: 在 .env 文件中设置 REACT_APP_ENABLE_DEBUG=true
+// 移除方式: 删除此段代码 + 删除 src/devtools/ 目录
+if (process.env.REACT_APP_ENABLE_DEBUG === 'true') {
+    import('./devtools').then(({ debugToolkit }) => {
+        debugToolkit.init();
+        console.log(
+            '%c✅ 调试工具已加载！使用 window.__DEBUG__.help() 查看命令',
+            'color: #4CAF50; font-weight: bold; font-size: 14px;'
+        );
+    });
+}
+
 // 注册 Service Worker（用于支持浏览器通知）
 function registerServiceWorker() {
     // ⚠️ Mock 模式下跳过 Service Worker 注册（避免与 MSW 冲突）