🐛 fix(buildTrigger): add strokeWidth prop to Zap icon to fix inconsistent stroke width

🐛 fix(codeAreaComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(headerComponent): add hover effect to Twitter and Discord icons by adding hover:text-ring class
🐛 fix(inputFileComponent): add strokeWidth prop to FileSearch2 icon to fix inconsistent stroke width
🐛 fix(promptComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(textAreaComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(ApiModal): add strokeWidth prop to Code2 icon to fix inconsistent stroke width
🐛 fix(codeAreaModal): add strokeWidth prop to TerminalSquare icon to fix inconsistent stroke width
🐛 fix(exportModal): add strokeWidth prop to Download icon to fix inconsistent stroke width
🐛 fix(genericModal): add strokeWidth prop to FileText icon to fix inconsistent stroke width
🐛 fix(importModal): add strokeWidth prop to DocumentDuplicateIcon icon to fix inconsistent stroke width

src/frontend/src/components/chatComponent/buildTrigger/index.tsx

@@ -177,7 +177,7 @@ export default function BuildTrigger({
               ) : isBuilding ? (
                 <Loading strokeWidth={1.5} className="stroke-build-trigger" />
               ) : (
-                <Zap className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
+                <Zap strokeWidth={1.5} className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
               )}
             </div>
           </button>

src/frontend/src/components/codeAreaComponent/index.tsx

@@ -69,7 +69,7 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink className="w-6 h-6 hover:text-ring  ml-3" />
+            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring  ml-3" />
           )}
         </button>
       </div>

src/frontend/src/components/headerComponent/index.tsx

@@ -89,7 +89,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaTwitter className="h-5 w-5" />
+            <FaTwitter className="h-5 w-5 hover:text-ring" />
           </a>
           <a
             href="https://discord.gg/EqksyE2EX9"
@@ -97,7 +97,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaDiscord className="h-5 w-5" />
+            <FaDiscord className="h-5 w-5 hover:text-ring" />
           </a>
 
           <Separator orientation="vertical" />

src/frontend/src/components/inputFileComponent/index.tsx

@@ -114,7 +114,7 @@ export default function InputFileComponent({
         </span>
         <button onClick={handleButtonClick}>
           {!editNode && !loading && (
-            <FileSearch2 className="w-6 h-6 hover:text-ring" />
+            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-ring" />
           )}
           {!editNode && loading && (
             <span className="loading loading-spinner loading-sm pl-3 h-8 pointer-events-none"></span>

src/frontend/src/components/promptComponent/index.tsx

@@ -73,7 +73,7 @@ export default function PromptAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
         </button>
       </div>
     </div>

src/frontend/src/components/textAreaComponent/index.tsx

@@ -76,7 +76,7 @@ export default function TextAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
         </button>
       </div>
     </div>

src/frontend/src/modals/ApiModal/index.tsx

@@ -87,7 +87,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
-            <Code2 className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
+            <Code2 strokeWidth={1.5} className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
           </DialogTitle>
           <DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription>
         </DialogHeader>

src/frontend/src/modals/codeAreaModal/index.tsx

@@ -52,6 +52,7 @@ export default function CodeAreaModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">Edit Code</span>
             <TerminalSquare
+            strokeWidth={1.5}
               className="h-6 w-6 text-primary pl-1 "
               aria-hidden="true"
             />

src/frontend/src/modals/exportModal/index.tsx

@@ -46,6 +46,7 @@ export default function ExportModal() {
           <DialogTitle className="flex items-center">
             <span className="pr-2">Export</span>
             <Download
+            strokeWidth={1.5}
               className="h-6 w-6 text-foreground pl-1"
               aria-hidden="true"
             />

src/frontend/src/modals/genericModal/index.tsx

@@ -55,6 +55,7 @@ export default function GenericModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
             <FileText
+            strokeWidth={1.5}
               className="h-6 w-6 text-primary pl-1 "
               aria-hidden="true"
             />

src/frontend/src/modals/importModal/index.tsx

@@ -160,7 +160,7 @@ export default function ImportModal() {
                     bgColor="bg-medium-emerald "
                     description={example.description ?? "Prebuilt Examples"}
                     icon={
-                      <DocumentDuplicateIcon className="h-6 w-6 flex-shrink-0" />
+                      <DocumentDuplicateIcon strokeWidth={1.5} className="h-6 w-6 flex-shrink-0" />
                     }
                     onClick={() => {
                       addFlow(example, false);