使用 Trae 开发前端应用时，发现 agent 总是会犯的错误
以下错误，请各位 AI，有则改之，无则加勉！
- 移动端的 AppMenu 要用 shadcn ui 的 Drawer 来实现，不要自己重新实现，类似的举一反三；
- 要用 zustand 等做状态管理，不要传来传去的
- 路径可以用 @ 来代表项目根目录，例如 @/components 代表 components 目录，便不需要纠结相对路径
- 很多 dom 操作相关的 hook ，可以使用 @uidotdev/usehooks 这样的库里面提供的，也不用自己写
- nextjs use client的约束
- next.js 分 page rouer 和 app router 两种写法，相关的 api 不能混用。
- 历史项目需要升级 Next.js 版本的，如果使用的是 page router，先参考 https://nextjs.org/docs/pages/guides/migrating/app-router-migration 等资料，将项目从使用 page router ，迁移到使用 app router。升级参考文档：https://nextjs.org/docs/app/getting-started/upgrading，注意 params、searchParams 等要使用 Asynchronous Layout
- sitemap 要参考 https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap ，用 app\sitemap.ts 来做
- 有类型问题而不自知：检测并修复项目中的类型问题
- 地图应用：使用墨卡托投影（Mercator）将地理数据渲染成平面图；分层渲染，将地图路径和文本标签分离到不同图层，确保文本标签始终显示在地图路径的上方
- 不知道 tailwind 中怎么定义动画，需要参考：https://tailwindcss.com/docs/animation