feat: adding a copy workflow execution id icon

frontend/src/views/AngularWorkflow.jsx

@@ -114,6 +114,7 @@ import {
   Polyline as PolylineIcon, 
   QueryStats as QueryStatsIcon, 
   AutoAwesome as AutoAwesomeIcon,
+  FileCopy as FileCopyIcon,
 } from "@mui/icons-material";
 
 
@@ -15532,6 +15533,25 @@ const AngularWorkflow = (defaultprops) => {
                 </Button>
               </span>
             </Tooltip>
+            <Tooltip
+              color="primary"
+              title="Copy workflow id"
+              placement="top"
+              style={{ zIndex: 50000 }}
+            >
+              <span style={{}}>
+                <Button
+                  color="primary"
+                  style={{ float: "right", marginTop: 20, marginLeft: 10 }}
+                  onClick={() => {
+                    navigator.clipboard.writeText(executionData.execution_id);
+                    toast("Copied execution id to clipboard.")
+                  }}
+                >
+                  <FileCopyIcon style={{}} />
+                </Button>
+              </span>
+            </Tooltip>
             {executionData.status === "EXECUTING" ? (
               <Tooltip
                 color="primary"