fix(vscode-ide-companion): 修复 Tailwind 可重用组件类和 ESLint 配置, 调整 ChatHeader 按钮样式

- 在 tailwind.css 中正确定义可重用的 Tailwind 组件类
- 修复 ChatHeader 组件中的按钮样式，确保 hover 效果正常工作
- 修复 ESLint 配置中的 importPlugin 导入问题
- 清理 App.css 中重复的 CSS 变量定义
- 为 btn-ghost 类设置 4px border radius
- 为按钮内的 span 添加左右 4px padding (使用 px-1)
- 确保按钮 hover 时有背景色效果

packages/vscode-ide-companion/src/webview/styles/tailwind.css

@@ -6,4 +6,33 @@
 
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+/* ===========================
+   Reusable Component Classes
+   =========================== */
+@layer components {
+  .btn-ghost {
+    @apply bg-transparent border border-transparent rounded cursor-pointer outline-none transition-colors duration-200;
+    color: var(--app-primary-foreground);
+    font-size: var(--vscode-chat-font-size, 13px);
+    border-radius: 4px;
+  }
+
+  .btn-ghost:hover,
+  .btn-ghost:focus {
+    background: var(--app-ghost-button-hover-background);
+  }
+
+  .btn-sm {
+    @apply p-small;
+  }
+
+  .btn-md {
+    @apply py-small px-medium;
+  }
+
+  .icon-sm {
+    @apply w-4 h-4;
+  }
+}