refactor(frontend): Update buttons to edit agents in Monitor (#8687)

Update Monitor buttons

Co-authored-by: Aarushi <50577581+aarushik93@users.noreply.github.com>

autogpt_platform/frontend/src/components/monitor/FlowInfo.tsx

@@ -105,10 +105,11 @@ export const FlowInfo: React.FC<
             </DropdownMenu>
           )}
           <Link
-            className={buttonVariants({ variant: "outline" })}
+            className={buttonVariants({ variant: "default" })}
             href={`/build?flowID=${flow.id}`}
           >
-            <Pencil2Icon />
+            <Pencil2Icon className="mr-2" />
+            Open in Builder
           </Link>
           <Button
             variant="outline"
@@ -126,7 +127,7 @@ export const FlowInfo: React.FC<
               )
             }
           >
-            <ExitIcon />
+            <ExitIcon className="mr-2" /> Export
           </Button>
           <Button variant="outline" onClick={() => setIsDeleteModalOpen(true)}>
             <Trash2Icon className="h-full" />

autogpt_platform/frontend/src/components/monitor/FlowRunInfo.tsx

@@ -47,10 +47,10 @@ export const FlowRunInfo: React.FC<
             </Button>
           )}
           <Link
-            className={buttonVariants({ variant: "outline" })}
+            className={buttonVariants({ variant: "default" })}
             href={`/build?flowID=${flow.id}`}
           >
-            <Pencil2Icon className="mr-2" /> Edit Agent
+            <Pencil2Icon className="mr-2" /> Open in Builder
           </Link>
         </div>
       </CardHeader>