SkillMap 技能图谱组件更新｜组件拆分与技术栈升级

今天主要聚焦于 SkillMap 技能图谱系统 的结构重构与版本升级，多个关键功能已完成独立封装，整体系统更加模块化，便于后续维护与扩展。

✅ 今日进展

🔧 拆分复杂组件，提升维护效率

对技能图谱系统的多个页面进行了组件拆分：

• 技能地图页（SkillMap）：完成卡片视图结构调整，支持点击 tag 标签进行技能筛选，提升交互体验。
• 技能路径页（SkillPath）：节点图支持通过图例按钮进行路径高亮筛选，逻辑更清晰。
• 悬浮提示功能优化：原本计划实现鼠标悬浮节点显示详细信息，但考虑到移动端缺少 hover 事件，暂时搁置此功能，未来如有需要再添加。

🐞 修复开发模式下运行报错

• 优化 react-force-graph 的容器初始化逻辑，解决组件未挂载时报错问题。
• 处理了 useTheme() 与组件加载顺序不一致引发的 null 异常。

⬆️ 技术栈版本升级

• 升级 Next.js 至最新稳定版本（v15）
• 升级 TailwindCSS 至 v4+
• 同步更新 postcss 和 contentlayer 版本，确保构建一致性

📌 当前成果

• 页面结构更清晰，组件职责单一，逻辑更易梳理
• 技术栈同步至最新，确保性能与安全性
• 为后续功能扩展（如数据库支持、用户系统、PWA）打下良好基础

SkillMap 的结构变得更清晰，功能更易扩展。后面将会投入更多精力在内容录入和数据编辑体验的优化上。

📅 每天完成一点，每天前进