🐛 fix(codeAreaComponent): update class names to improve styling and semantics

🐛 fix(promptComponent): remove unnecessary div wrapper
🐛 fix(textAreaComponent): update class names to improve styling and semantics

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

@@ -48,8 +48,9 @@ export default function CodeAreaComponent({
             }}
             className={
               editNode
-                ? "input-edit-node"
+                ? "input-edit-node input-dialog"
-                : "input-primary text-muted-foreground" + (disabled ? " input-disable" : "")
+                : (disabled ? " input-disable " : "") +
+                  " input-primary input-dialog"
             }
           >
             {myValue !== "" ? myValue : "Type something..."}

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

@@ -47,7 +47,6 @@ export default function PromptAreaComponent({
   }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
 
   return (
-    <div className={disabled ? "cursor-not-allowed" : ""}>
       <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
         <div className="flex w-full items-center">
           <span
@@ -107,6 +106,5 @@ export default function PromptAreaComponent({
           </button>
         </div>
       </div>
-    </div>
   );
 }

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

@@ -33,8 +33,8 @@ export default function TextAreaComponent({
           value={myValue}
           className={
             editNode
-              ? "input-edit-node"
+              ? " input-edit-node "
-              : "input-primary" + (disabled ? " input-disable " : "")
+              : " input-primary " + (disabled ? " input-disable" : "")
           }
           placeholder={"Type something..."}
           onChange={(e) => {