Add FlowDiagram icon and update Navbar to use it

Common/Types/Icon/IconProp.ts

@@ -141,6 +141,7 @@ enum IconProp {
   ExclaimationCircle = "ExclaimationCircle",
   WhatsApp = "WhatsApp",
   Brain = "Brain",
+  FlowDiagram = "FlowDiagram",
 }
 
 export default IconProp;

Common/UI/Components/Icon/Icon.tsx

@@ -1298,6 +1298,19 @@ const Icon: FunctionComponent<ComponentProps> = ({
         d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"
       />,
     );
+  } else if (icon === IconProp.FlowDiagram) {
+    // Flow diagram icon matching home page workflows - two boxes at top, one at bottom, connected
+    return getSvgWrapper(
+      <>
+        <rect x="3" y="3" width="6" height="4" rx="1" strokeWidth="1.5" />
+        <rect x="15" y="3" width="6" height="4" rx="1" strokeWidth="1.5" />
+        <rect x="9" y="17" width="6" height="4" rx="1" strokeWidth="1.5" />
+        <path
+          strokeLinecap="round"
+          d="M6 7v3a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M12 12v5"
+        />
+      </>,
+    );
   }
 
   return <></>;

Dashboard/src/Components/NavBar/NavBar.tsx

@@ -134,7 +134,7 @@ const DashboardNavbar: FunctionComponent<ComponentProps> = (
       route: RouteUtil.populateRouteParams(
         RouteMap[PageMap.WORKFLOWS] as Route,
       ),
-      icon: IconProp.Workflow,
+      icon: IconProp.FlowDiagram,
       iconColor: "sky",
     },
     {