Fix navigation payload (#233)

skyvern-frontend/src/api/types.ts

@@ -62,7 +62,7 @@ export type TaskApiResponse = {
     webhook_callback_url: string;
     navigation_goal: string;
     data_extraction_goal: string;
-    navigation_payload: string; // stringified JSON
+    navigation_payload: string | object; // stringified JSON
     error_code_mapping: null;
     proxy_location: string;
     extracted_information_schema: string;

skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx

@@ -171,7 +171,11 @@ function TaskDetails() {
                 <Label className="w-40 shrink-0">Navigation Payload</Label>
                 <Textarea
                   rows={5}
-                  value={task.request.navigation_payload}
+                  value={
+                    typeof task.request.navigation_payload === "object"
+                      ? JSON.stringify(task.request.navigation_payload, null, 2)
+                      : task.request.navigation_payload
+                  }
                   readOnly
                 />
               </div>