🐛 fix(GenericNode): add strokeWidth property to Icon component to fix styling issue

🐛 fix(NodeModal): add strokeWidth property to Icon component to fix styling issue
🐛 fix(DisclosureComponent): add strokeWidth property to Icon component to fix styling issue
🐛 fix(extraSidebarComponent): add strokeWidth property to Icon components to fix styling issue

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -98,6 +98,7 @@ export default function GenericNode({
         <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-muted p-4  ">
           <div className="flex w-full items-center gap-2 truncate text-lg">
             <Icon
+              strokeWidth={1.5}
               className="h-10 w-10 rounded p-1"
               style={{
                 color: nodeColors[types[data.type]] ?? nodeColors.unknown,

src/frontend/src/modals/NodeModal/index.tsx

@@ -76,6 +76,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                 <div className="h-full w-full flex flex-col justify-center items-center">
                   <div className="flex w-full pb-4 z-10 justify-center shadow-sm">
                     <Icon
+                    strokeWidth={1.5}
                       className="w-10 mt-4 h-10 p-1 rounded"
                       style={{
                         color:

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

@@ -14,8 +14,8 @@ export default function DisclosureComponent({
           <div>
             <Disclosure.Button className="select-none bg-muted w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-input">
               <div className="flex gap-4">
-                <Icon size={22} className="text-primary " />
-                <span className="flex items-center text-sm text-primary  font-medium">
+                <Icon strokeWidth={1.5} size={22} className="text-primary " />
+                <span className="flex items-center text-sm text-primary">
                   {title}
                 </span>
               </div>

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

@@ -70,7 +70,7 @@ export default function ExtraSidebar() {
               uploadFlow();
             }}
           >
-            <FileUp className="w-5 h-5 "></FileUp>
+            <FileUp strokeWidth={1.5} className="w-5 h-5 "></FileUp>
           </button>
         </ShadTooltip>
 
@@ -83,7 +83,7 @@ export default function ExtraSidebar() {
               openPopUp(<ExportModal />);
             }}
           >
-            <FileDown className="w-5 h-5  "></FileDown>
+            <FileDown strokeWidth={1.5} className="w-5 h-5  "></FileDown>
           </button>
         </ShadTooltip>
         <ShadTooltip delayDuration={1000} content="Code" side="top">
@@ -95,7 +95,7 @@ export default function ExtraSidebar() {
               openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
             }}
           >
-            <Code2 className="w-5 h-5  "></Code2>
+            <Code2 strokeWidth={1.5} className="w-5 h-5  "></Code2>
           </button>
         </ShadTooltip>
 
@@ -109,6 +109,7 @@ export default function ExtraSidebar() {
             disabled={!isPending}
           >
             <Save
+            strokeWidth={1.5}
               className={
                 "w-5 h-5" + (isPending ? " " : " text-muted-foreground")
               }
@@ -134,7 +135,7 @@ export default function ExtraSidebar() {
         />
         <div className="absolute inset-y-0 right-0 flex py-1.5 pr-3 items-center">
         {/* ! replace hash color here */}
-          <Search size={20} className="text-primary" />
+          <Search size={20} strokeWidth={1.5} className="text-primary" />
         </div>
       </div>