fixed local of table components and height of table toggle

src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx

@@ -1,11 +1,11 @@
 import { CustomCellRendererProps } from "ag-grid-react";
-import { cn, isTimeStampString } from "../../utils/utils";
+import { cn, isTimeStampString } from "../../../../utils/utils";
-import ArrayReader from "../arrayReaderComponent";
+import ArrayReader from "../../../arrayReaderComponent";
-import DateReader from "../dateReaderComponent";
+import DateReader from "../../../dateReaderComponent";
-import NumberReader from "../numberReader";
+import NumberReader from "../../../numberReader";
-import ObjectRender from "../objectRender";
+import ObjectRender from "../../../objectRender";
-import StringReader from "../stringReaderComponent";
+import StringReader from "../../../stringReaderComponent";
-import { Badge } from "../ui/badge";
+import { Badge } from "../../../ui/badge";
 
 export default function TableAutoCellRender({
   value,

src/frontend/src/components/tableComponent/components/tableNodeCellRender/index.tsx

@@ -1,18 +1,18 @@
 import { CustomCellRendererProps } from "ag-grid-react";
 import { cloneDeep } from "lodash";
 import { useState } from "react";
-import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import CodeAreaComponent from "../../../codeAreaComponent";
-import DictComponent from "../../../../components/dictComponent";
+import DictComponent from "../../../dictComponent";
-import Dropdown from "../../../../components/dropdownComponent";
+import Dropdown from "../../../dropdownComponent";
-import FloatComponent from "../../../../components/floatComponent";
+import FloatComponent from "../../../floatComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
+import InputFileComponent from "../../../inputFileComponent";
-import InputGlobalComponent from "../../../../components/inputGlobalComponent";
+import InputGlobalComponent from "../../../inputGlobalComponent";
-import InputListComponent from "../../../../components/inputListComponent";
+import InputListComponent from "../../../inputListComponent";
-import IntComponent from "../../../../components/intComponent";
+import IntComponent from "../../../intComponent";
-import KeypairListComponent from "../../../../components/keypairListComponent";
+import KeypairListComponent from "../../../keypairListComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
+import PromptAreaComponent from "../../../promptComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
+import TextAreaComponent from "../../../textAreaComponent";
-import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import ToggleShadComponent from "../../../toggleShadComponent";
 import useFlowStore from "../../../../stores/flowStore";
 import {
   convertObjToArray,
@@ -63,8 +63,8 @@ export default function TableNodeCellRender({
                 ...id,
                 proxy: templateData.proxy,
               }
-            : id
+            : id,
-        )
+        ),
     ) ?? false;
   function getCellType() {
     switch (templateData.type) {
@@ -135,7 +135,7 @@ export default function TableNodeCellRender({
           <div
             className={classNames(
               "max-h-48 w-full overflow-auto custom-scroll",
-              templateValue?.length > 1 ? "my-3" : ""
+              templateValue?.length > 1 ? "my-3" : "",
             )}
           >
             <KeypairListComponent

src/frontend/src/components/tableComponent/components/tableToggleCellRender/index.tsx

@@ -0,0 +1,24 @@
+import { CustomCellRendererProps } from "ag-grid-react";
+import { useState } from "react";
+import ToggleShadComponent from "../../../toggleShadComponent";
+
+export default function TableToggleCellRender({
+  value: { name, enabled, setEnabled },
+}: CustomCellRendererProps) {
+  const [value, setValue] = useState(enabled);
+
+  return (
+    <div className="flex h-full items-center">
+      <ToggleShadComponent
+        id={"show" + name}
+        enabled={value}
+        setEnabled={(e) => {
+          setValue(e);
+          setEnabled(e);
+        }}
+        size="small"
+        editNode={true}
+      />
+    </div>
+  );
+}

src/frontend/src/modals/editNodeModal/components/tableToggleCellRender/index.tsx

@@ -1,22 +0,0 @@
-import { CustomCellRendererProps } from "ag-grid-react";
-import { useState } from "react";
-import ToggleShadComponent from "../../../../components/toggleShadComponent";
-
-export default function TableToggleCellRender({
-  value: { name, enabled, setEnabled },
-}: CustomCellRendererProps) {
-  const [value, setValue] = useState(enabled);
-
-  return (
-    <ToggleShadComponent
-      id={"show" + name}
-      enabled={value}
-      setEnabled={(e) => {
-        setValue(e);
-        setEnabled(e);
-      }}
-      size="small"
-      editNode={true}
-    />
-  );
-}

src/frontend/src/modals/editNodeModal/hooks/use-column-defs.tsx

@@ -1,14 +1,14 @@
 import { ColDef, ValueGetterParams } from "ag-grid-community";
 import { useMemo } from "react";
-import TableAutoCellRender from "../../../components/tableAutoCellRender";
+import TableAutoCellRender from "../../../components/tableComponent/components/tableAutoCellRender";
-import TableNodeCellRender from "../components/tableNodeCellRender";
+import TableNodeCellRender from "../../../components/tableComponent/components/tableNodeCellRender";
-import TableToggleCellRender from "../components/tableToggleCellRender";
+import TableToggleCellRender from "../../../components/tableComponent/components/tableToggleCellRender";
-import TableTooltipRender from "../components/tableTooltipRender";
+import TableTooltipRender from "../../../components/tableComponent/components/tableTooltipRender";
 
 const useColumnDefs = (
   myData: any,
   handleOnNewValue: (newValue: any, name: string) => void,
-  changeAdvanced: (n: string) => void
+  changeAdvanced: (n: string) => void,
 ) => {
   const columnDefs: ColDef[] = useMemo(
     () => [
@@ -77,7 +77,7 @@ const useColumnDefs = (
         cellClass: "no-border",
       },
     ],
-    []
+    [],
   );
 
   return columnDefs;

src/frontend/src/pages/SettingsPage/pages/ApiKeysPage/helpers/column-defs.ts

@@ -1,4 +1,4 @@
-import TableAutoCellRender from "../../../../../components/tableAutoCellRender";
+import TableAutoCellRender from "../../../../../components/tableComponent/components/tableAutoCellRender";
 
 export const getColumnDefs = () => {
   return [

src/frontend/src/utils/utils.ts

@@ -1,7 +1,7 @@
 import { ColDef, ColGroupDef } from "ag-grid-community";
 import clsx, { ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
-import TableAutoCellRender from "../components/tableAutoCellRender";
+import TableAutoCellRender from "../components/tableComponent/components/tableAutoCellRender";
 import { APIDataType, TemplateVariableType } from "../types/api";
 import {
   groupedObjType,