Saving tasks in UI (#346)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/router.tsx

@@ -1,11 +1,13 @@
 import { Navigate, createBrowserRouter } from "react-router-dom";
 import { RootLayout } from "./routes/root/RootLayout";
 import { TasksPageLayout } from "./routes/tasks/TasksPageLayout";
-import { CreateNewTask } from "./routes/tasks/create/CreateNewTask";
+import { TaskTemplates } from "./routes/tasks/create/TaskTemplates";
 import { TaskList } from "./routes/tasks/list/TaskList";
 import { Settings } from "./routes/settings/Settings";
 import { SettingsPageLayout } from "./routes/settings/SettingsPageLayout";
 import { TaskDetails } from "./routes/tasks/detail/TaskDetails";
+import { CreateNewTaskLayout } from "./routes/tasks/create/CreateNewTaskLayout";
+import { CreateNewTaskFormPage } from "./routes/tasks/create/CreateNewTaskFormPage";
 
 const router = createBrowserRouter([
   {
@@ -32,7 +34,17 @@ const router = createBrowserRouter([
       },
       {
         path: "create",
-        element: <CreateNewTask />,
+        element: <CreateNewTaskLayout />,
+        children: [
+          {
+            index: true,
+            element: <TaskTemplates />,
+          },
+          {
+            path: ":template",
+            element: <CreateNewTaskFormPage />,
+          },
+        ],
       },
       {
         path: "settings",