Fix search icon behavior and add new icon X

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -250,10 +250,20 @@ export default function ExtraSidebar(): JSX.Element {
             setSearch(event.target.value);
           }}
         />
-        <div className="search-icon">
+        <div
+          className="search-icon "
+          onClick={() => {
+            if (search) {
+              setFilterData(data);
+              setSearch("");
+            }
+          }}
+        >
           <IconComponent
-            name="Search"
+            name={search ? "X" : "Search"}
-            className={"h-5 w-5 stroke-[1.5] text-primary"}
+            className={`h-5 w-5 stroke-[1.5] text-primary ${
+              search ? "cursor-pointer" : "cursor-default"
+            }`}
             aria-hidden="true"
           />
         </div>

src/frontend/src/utils/styleUtils.ts

@@ -278,6 +278,7 @@ export const nodeNames: { [char: string]: string } = {
 };
 
 export const nodeIconsLucide: iconsType = {
+  X: X,
   Notify: Bell,
   ListFlows: Group,
   ClearMessageHistory: FileClock,