refactor(parameterComponent): remove unnecessary empty line in ParameterComponent

refactor(parameterComponent): remove unused useEffect dependency in ParameterComponent
refactor(inputComponent): reformat classNames in InputComponent for better readability
refactor(EditNodeModal): remove unused imports in EditNodeModal
refactor(EditNodeModal): reformat disabled variable assignment in EditNodeModal for better readability
refactor(EditNodeModal): remove unnecessary empty lines in EditNodeModal
refactor(EditNodeModal): reformat handleOnNewValue function call in EditNodeModal for better readability
refactor(chatMessage): remove unnecessary empty line in ChatMessage component
refactor(chatMessage): remove unnecessary inline-block class in ChatMessage component

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

@@ -47,7 +47,6 @@ export default function ParameterComponent({
   const { closePopUp } = useContext(PopUpContext);
   const { setTabsState, tabId, save } = useContext(TabsContext);
 
-
   useEffect(() => {
     if (ref.current && ref.current.offsetTop && ref.current.clientHeight) {
       setPosition(ref.current.offsetTop + ref.current.clientHeight / 2);
@@ -59,11 +58,7 @@ export default function ParameterComponent({
     updateNodeInternals(data.id);
   }, [data.id, position, updateNodeInternals]);
 
-
+  useEffect(() => {}, [closePopUp, data.node.template]);
-  useEffect(() => {
-    
-  }, [closePopUp, data.node.template]);
-
 
   const { reactFlowInstance } = useContext(typesContext);
   let disabled =

src/frontend/src/components/inputComponent/index.tsx

@@ -40,7 +40,9 @@ export default function InputComponent({
         }}
         className={classNames(
           disabled ? " input-disable " : "",
-          password && !pwdVisible && myValue !== "" ? " password text-clip " : "",
+          password && !pwdVisible && myValue !== ""
+            ? " text-clip password "
+            : "",
           editNode ? " input-edit-node " : " input-primary ",
           password && editNode ? "pr-8" : "",
           password && !editNode ? "pr-10" : ""

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -1,5 +1,5 @@
 import { Variable } from "lucide-react";
-import { useContext, useEffect, useRef, useState } from "react";
+import { useContext, useRef, useState } from "react";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -21,7 +21,6 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { TabsContext } from "../../contexts/tabsContext";
 import {
   Table,
   TableBody,
@@ -31,6 +30,7 @@ import {
   TableRow,
 } from "../../components/ui/table";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
 import { classNames, limitScrollFieldsModal } from "../../utils";
@@ -59,7 +59,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const { reactFlowInstance } = useContext(typesContext);
 
   let disabled =
-  reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ?? false;
+    reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ??
+    false;
   if (nodeLength == 0) {
     closePopUp();
   }
@@ -226,9 +227,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   numberOfOptions={nodeLength}
                                   editNode={true}
                                   options={data.node.template[n].options}
-                                  onSelect={(t) =>
+                                  onSelect={(t) => handleOnNewValue(t, n)}
-                                    (handleOnNewValue(t, n))
-                                  }
                                   value={
                                     data.node.template[n].value ??
                                     "Choose an option"

src/frontend/src/modals/formModal/chatMessage/index.tsx

@@ -50,7 +50,7 @@ export default function ChatMessage({
       </div>
       {!chat.isSend ? (
         <div className="flex w-full flex-1 text-start">
-          <div className="relative inline-block flex w-full flex-col text-start text-sm font-normal text-muted-foreground">
+          <div className="relative flex w-full flex-col text-start text-sm font-normal text-muted-foreground">
             {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}