Fixed textarea component being clickable when the handle is present

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

@@ -43,6 +43,7 @@ export default function TextAreaComponent({
             setValue={(value: string) => {
               onChange(value);
             }}
+            disabled={disabled}
           >
             {!editNode && (
               <IconComponent

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

@@ -38,6 +38,7 @@ export default function GenericModal({
   nodeClass,
   setNodeClass,
   children,
+  disabled,
   id = "",
   readonly = false,
 }: genericModalPropsType): JSX.Element {
@@ -187,7 +188,7 @@ export default function GenericModal({
       open={modalOpen}
       setOpen={setModalOpen}
     >
-      <BaseModal.Trigger>{children}</BaseModal.Trigger>
+      <BaseModal.Trigger disable={disabled}>{children}</BaseModal.Trigger>
       <BaseModal.Header
         description={(() => {
           switch (myModalTitle) {

src/frontend/src/types/components/index.ts

@@ -622,6 +622,7 @@ export type genericModalPropsType = {
   buttonText: string;
   modalTitle: string;
   type: number;
+  disabled?: boolean;
   nodeClass?: APIClassType;
   setNodeClass?: (Class: APIClassType, code?: string) => void;
   children: ReactNode;