Implement workflows tab, workflow runs view, ability to run workflows from UI (#582)

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

skyvern-frontend/src/routes/tasks/create/CreateNewTaskFormPage.tsx

@@ -13,7 +13,7 @@ function CreateNewTaskFormPage() {
   const credentialGetter = useCredentialGetter();
 
   const { data, isFetching } = useQuery({
-    queryKey: ["workflows", template],
+    queryKey: ["savedTask", template],
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       return client

skyvern-frontend/src/routes/tasks/create/SavedTasks.tsx

@@ -51,7 +51,7 @@ function SavedTasks() {
   const navigate = useNavigate();
 
   const { data } = useQuery<Array<WorkflowApiResponse>>({
-    queryKey: ["workflows"],
+    queryKey: ["savedTasks"],
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       return client

skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx

@@ -92,7 +92,7 @@ function TaskHistory() {
               <TaskListSkeletonRows />
             ) : tasks?.length === 0 ? (
               <TableRow>
-                <TableCell colSpan={3}>No tasks found</TableCell>
+                <TableCell colSpan={5}>No tasks found</TableCell>
               </TableRow>
             ) : (
               tasks?.map((task) => {

skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx

@@ -58,7 +58,7 @@ function QueuedTasks() {
         <TableBody>
           {tasks?.length === 0 ? (
             <TableRow>
-              <TableCell colSpan={3}>No queued tasks</TableCell>
+              <TableCell colSpan={4}>No queued tasks</TableCell>
             </TableRow>
           ) : (
             tasks?.map((task) => {