Refactor: Add error icon when an error occurs building node

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

@@ -420,7 +420,7 @@ export default function GenericNode({
                         )}
                       />
                       <IconComponent
-                        name="FlaskConical"
+                        name="AlertCircle"
                         className={classNames(
                           validationStatus && !validationStatus.valid
                             ? "red-status"

src/frontend/src/style/applies.css

@@ -296,7 +296,7 @@
     @apply generic-node-status text-status-green;
   }
   .red-status {
-    @apply generic-node-status text-status-red fill-status-red;
+    @apply generic-node-status text-status-red;
   }
   .yellow-status {
     @apply generic-node-status text-status-yellow;

src/frontend/src/utils/styleUtils.ts

@@ -111,6 +111,7 @@ import {
   XCircle,
   Zap,
   FlaskConical,
+  AlertCircle,
 } from "lucide-react";
 import { FaApple, FaGithub } from "react-icons/fa";
 import { AWSIcon } from "../icons/AWS";
@@ -402,4 +403,5 @@ export const nodeIconsLucide: iconsType = {
   ScreenShare,
   Code,
   FlaskConical,
+  AlertCircle,
 };