Refactor: Make text area modal open on input click to avoid it not opening on edit node page

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

@@ -21,17 +21,6 @@ export default function TextAreaComponent({
 
   return (
     <div className="flex w-full items-center">
-      <Input
-        id={id}
-        value={value}
-        disabled={disabled}
-        className={editNode ? "input-edit-node" : ""}
-        placeholder={"Type something..."}
-        onChange={(event) => {
-          onChange(event.target.value);
-        }}
-      />
-      <div>
         <GenericModal
           type={TypeModal.TEXT}
           buttonText="Finishing Editing"
@@ -41,6 +30,17 @@ export default function TextAreaComponent({
             onChange(value);
           }}
         >
+          <div className="flex w-full items-center">
+            <Input
+              id={id}
+              value={value}
+              disabled={disabled}
+              className={editNode ? "input-edit-node pointer-events-none " : " pointer-events-none"}
+              placeholder={"Type something..."}
+              onChange={(event) => {
+                onChange(event.target.value);
+              }}
+            />
             {!editNode && (
               <IconComponent
                 name="ExternalLink"
@@ -50,8 +50,8 @@ export default function TextAreaComponent({
                 }
               />
             )}
-        </GenericModal>
           </div>
+        </GenericModal>
     </div>
   );
 }