feat: script setup style

* Replace jsx with script setup syntax
* Simplify logic and make it more "composable"
    * Move Zoom functions to useZoom composable
* Update eslint config & tsconfig

src/container/NodeRenderer/utils.ts

@@ -1,13 +1,13 @@
-import DefaultNode from '../../components/Nodes/DefaultNode'
-import InputNode from '../../components/Nodes/InputNode'
-import OutputNode from '../../components/Nodes/OutputNode'
-import { NodeType } from '../../types'
+import DefaultNode from '~/components/Nodes/DefaultNode'
+import InputNode from '~/components/Nodes/InputNode'
+import OutputNode from '~/components/Nodes/OutputNode'
+import { NodeType } from '~/types'
 
 export function createNodeTypes(nodeTypes: Record<string, NodeType>): Record<string, NodeType> {
   const standardTypes: Record<string, NodeType> = {
     input: nodeTypes.input || InputNode,
     default: nodeTypes.default || DefaultNode,
-    output: nodeTypes.output || OutputNode
+    output: nodeTypes.output || OutputNode,
   }
 
   const wrappedTypes = {} as NodeType
@@ -21,6 +21,6 @@ export function createNodeTypes(nodeTypes: Record<string, NodeType>): Record<str
 
   return {
     ...standardTypes,
-    ...specialTypes
+    ...specialTypes,
   }
 }