Next.js 14中打开任务编辑弹窗时如何切换路由至tasks/edit

我在基于Next.js 14开发的项目里，app/tasks目录下有个page.tsx文件，页面上有个按钮，点击后会弹出一个用来编辑任务的对话框，界面如下：

现在我有个需求：打开这个编辑弹窗组件的时候，希望能把页面路由切换到tasks/edit，请问该怎么实现呢？

另外，我目前的app目录结构是这样的：

备注：内容来源于stack exchange，提问作者Ignacio García