diff --git a/src/frontend/src/components/codeTabsComponent/index.tsx b/src/frontend/src/components/codeTabsComponent/index.tsx
index 2c61fed56..fcd7385d7 100644
--- a/src/frontend/src/components/codeTabsComponent/index.tsx
+++ b/src/frontend/src/components/codeTabsComponent/index.tsx
@@ -28,13 +28,13 @@ import {
   TabsList,
   TabsTrigger,
 } from "../../components/ui/tabs";
+import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
+import { typesContext } from "../../contexts/typesContext";
 import { codeTabsPropsType } from "../../types/components";
+import { unselectAllNodes } from "../../utils/reactflowUtils";
 import { classNames } from "../../utils/utils";
 import IconComponent from "../genericIconComponent";
-import { unselectAllNodes } from "../../utils/reactflowUtils";
-import { typesContext } from "../../contexts/typesContext";
-import { alertContext } from "../../contexts/alertContext";
 
 export default function CodeTabsComponent({
   flow,
@@ -56,19 +56,19 @@ export default function CodeTabsComponent({
       setData(flow["data"]!["nodes"]);
     }
   }, [flow]);
-  
+
   useEffect(() => {
     unselectAllNodes({
       data,
       updateNodes: (nodes) => {
         reactFlowInstance?.setNodes(nodes);
-      }
+      },
     });
 
     return () => {
       if (isTweakPage) setIsTweakPage(false);
     };
-  }, [])
+  }, []);
 
   const copyToClipboard = () => {
     if (!navigator.clipboard || !navigator.clipboard.writeText) {
@@ -295,7 +295,9 @@ export default function CodeTabsComponent({
                                                       setData((old) => {
                                                         let newInputList =
                                                           cloneDeep(old);
-                                                        newInputList![i].data.node.template[
+                                                        newInputList![
+                                                          i
+                                                        ].data.node.template[
                                                           templateField
                                                         ].value = target;
                                                         return newInputList;
@@ -342,7 +344,9 @@ export default function CodeTabsComponent({
                                                           setData((old) => {
                                                             let newInputList =
                                                               cloneDeep(old);
-                                                            newInputList![i].data.node.template[
+                                                            newInputList![
+                                                              i
+                                                            ].data.node.template[
                                                               templateField
                                                             ].value = target;
                                                             return newInputList;
@@ -385,7 +389,9 @@ export default function CodeTabsComponent({
                                                       setData((old) => {
                                                         let newInputList =
                                                           cloneDeep(old);
-                                                        newInputList![i].data.node.template[
+                                                        newInputList![
+                                                          i
+                                                        ].data.node.template[
                                                           templateField
                                                         ].value = target;
                                                         return newInputList;
@@ -416,7 +422,9 @@ export default function CodeTabsComponent({
                                                     setData((old) => {
                                                       let newInputList =
                                                         cloneDeep(old);
-                                                      newInputList![i].data.node.template[
+                                                      newInputList![
+                                                        i
+                                                      ].data.node.template[
                                                         templateField
                                                       ].value = e;
                                                       return newInputList;
@@ -505,7 +513,9 @@ export default function CodeTabsComponent({
                                                     setData((old) => {
                                                       let newInputList =
                                                         cloneDeep(old);
-                                                      newInputList![i].data.node.template[
+                                                      newInputList![
+                                                        i
+                                                      ].data.node.template[
                                                         templateField
                                                       ].value = target;
                                                       return newInputList;
@@ -539,7 +549,9 @@ export default function CodeTabsComponent({
                                                     setData((old) => {
                                                       let newInputList =
                                                         cloneDeep(old);
-                                                      newInputList![i].data.node.template[
+                                                      newInputList![
+                                                        i
+                                                      ].data.node.template[
                                                         templateField
                                                       ].value = target;
                                                       return newInputList;
@@ -589,7 +601,9 @@ export default function CodeTabsComponent({
                                                     setData((old) => {
                                                       let newInputList =
                                                         cloneDeep(old);
-                                                      newInputList![i].data.node.template[
+                                                      newInputList![
+                                                        i
+                                                      ].data.node.template[
                                                         templateField
                                                       ].value = target;
                                                       return newInputList;
@@ -642,7 +656,9 @@ export default function CodeTabsComponent({
                                                       setData((old) => {
                                                         let newInputList =
                                                           cloneDeep(old);
-                                                        newInputList![i].data.node.template[
+                                                        newInputList![
+                                                          i
+                                                        ].data.node.template[
                                                           templateField
                                                         ].value = target;
                                                         return newInputList;
@@ -695,7 +711,9 @@ export default function CodeTabsComponent({
                                                       setData((old) => {
                                                         let newInputList =
                                                           cloneDeep(old);
-                                                        newInputList![i].data.node.template[
+                                                        newInputList![
+                                                          i
+                                                        ].data.node.template[
                                                           templateField
                                                         ].value = target;
                                                         return newInputList;
diff --git a/src/frontend/src/contexts/alertContext.tsx b/src/frontend/src/contexts/alertContext.tsx
index 46a0d8a3b..98b2fdef8 100644
--- a/src/frontend/src/contexts/alertContext.tsx
+++ b/src/frontend/src/contexts/alertContext.tsx
@@ -27,7 +27,7 @@ const initialValue: alertContextType = {
   clearNotificationList: () => {},
   removeFromNotificationList: () => {},
   isTweakPage: false,
-  setIsTweakPage: () => {}, 
+  setIsTweakPage: () => {},
 };
 
 export const alertContext = createContext<alertContextType>(initialValue);
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index e4ef45f34..5c17e42a9 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -28,7 +28,8 @@ export default function CodeAreaModal({
   const { dark } = useContext(darkContext);
   const { reactFlowInstance } = useContext(typesContext);
   const [height, setHeight] = useState<string | null>(null);
-  const { setErrorData, setSuccessData, isTweakPage } = useContext(alertContext);
+  const { setErrorData, setSuccessData, isTweakPage } =
+    useContext(alertContext);
   const [error, setError] = useState<{
     detail: { error: string | undefined; traceback: string | undefined };
   } | null>(null);
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index f1a84bce9..12cd543c6 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -21,7 +21,8 @@ export default function ExtraSidebar(): JSX.Element {
   const { data, templates } = useContext(typesContext);
   const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } =
     useContext(TabsContext);
-  const { setSuccessData, setErrorData, setIsTweakPage } = useContext(alertContext);
+  const { setSuccessData, setErrorData, setIsTweakPage } =
+    useContext(alertContext);
   const [dataFilter, setFilterData] = useState(data);
   const [search, setSearch] = useState("");
   const isPending = tabsState[tabId]?.isPending;
diff --git a/src/frontend/src/types/utils/reactflowUtils.ts b/src/frontend/src/types/utils/reactflowUtils.ts
index 6ec40512d..9944fdba4 100644
--- a/src/frontend/src/types/utils/reactflowUtils.ts
+++ b/src/frontend/src/types/utils/reactflowUtils.ts
@@ -10,6 +10,6 @@ export type cleanEdgesType = {
 };
 
 export type unselectAllNodesType = {
-  updateNodes: (nodes: Node[]) => void,
-  data: Node[] | null
+  updateNodes: (nodes: Node[]) => void;
+  data: Node[] | null;
 };
diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index 6a12f3edd..87971ef9b 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -9,7 +9,10 @@ import {
 import { specialCharsRegex } from "../constants/constants";
 import { APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
-import { cleanEdgesType, unselectAllNodesType } from "../types/utils/reactflowUtils";
+import {
+  cleanEdgesType,
+  unselectAllNodesType,
+} from "../types/utils/reactflowUtils";
 import { toNormalCase } from "./utils";
 
 export function cleanEdges({