refactor(ui): 优化 MCP 状态列表视图及界面细节调整

- 将 MCP 状态列表拆分为服务器列表和服务器详情两种视图
- 支持通过方向键分页和滚动，确保选中项始终可见
- 服务器详情视图新增工具、提示和资源的详细列表展示及导航支持
- 为启动状态服务器添加动态加载动画，提升交互体验
- 错误信息使用带红色边框的样式包裹，更加醒目
- 统一界面中选中项前缀符号由 "› " 改为 "> "
- 修正 DropdownMenu 和 SlashCommandMenu 的注释与前缀符号
- 调整 SessionList 中选中标识符，保持样式一致
- 优化行宽计算逻辑，提升标签列自适应能力
- 改善布局间距和边框样式，增强视觉层次感

Author: hqwlkj

src/ui/AskUserQuestionPrompt.tsx

@@ -184,7 +184,7 @@ export function AskUserQuestionPrompt({ questions, onSubmit, onCancel }: Props):
           return (
             <Box key={option.value} flexDirection="column">
               <Text color={isCursor ? "cyanBright" : undefined}>
-                {isCursor ? "› " : "  "}
+                {isCursor ? "> " : "  "}
                 {marker} <Text bold={isCursor}>{option.label}</Text>
               </Text>
               {option.isOther ? (

src/ui/DropdownMenu.tsx

@@ -82,7 +82,7 @@ const DropdownMenu = React.memo(function DropdownMenu({
     // 计算每个 item 实际需要的最大宽度
     const maxContentWidth = Math.max(
       ...visibleItems.map((item) => {
-        let width = 2; // prefix "› " or "  "
+        let width = 2; // prefix "> " or "  "
         if (item.selected !== undefined) {
           width += 2; // "● " or "○ "
         }
@@ -152,7 +152,7 @@ const DropdownMenu = React.memo(function DropdownMenu({
           <Box key={item.key} flexGrow={1} flexDirection="row" gap={2}>
             <Box width={labelColumnWidth} flexShrink={0}>
               <Text color={isActive ? activeColor : undefined} wrap="truncate-end">
-                {isActive ? "› " : "  "}
+                {isActive ? "> " : "  "}
                 {item.selected !== undefined ? (item.selected ? "●" : "○") : null} <Text bold>{item.label}</Text>
                 {item.statusIndicator ? (
                   <Text color={item.statusIndicator.color}> {item.statusIndicator.symbol}</Text>