Refactor: Update import paths with alias

- `@/types` 경로를 사용하여 타입 관련 import 경로를 수정했습니다.
- `@/engine` 경로를 사용하여 엔진 관련 import 경로를 수정했습니다.
- `@/editor` 경로를 사용하여 에디터 관련 import 경로를 수정했습니다.
- `@/components` 경로를 사용하여 컴포넌트 관련 import 경로를 수정했습니다.
- `@/hooks` 경로를 사용하여 훅 관련 import 경로를 수정했습니다.
- `@/utils` 경로를 사용하여 유틸리티 관련 import 경로를 수정했습니다.

src/components/ImageDistortion.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useRef, useState, useCallback } from 'react';
 import * as THREE from 'three';
-import { type DistortionArea } from '../types';
+import { type DistortionArea } from '@/types';
-import { ThreeScene } from '../engine/ThreeScene';
+import { ThreeScene } from '@/engine/ThreeScene';
-import { ShaderManager } from '../engine/ShaderManager';
+import { ShaderManager } from '@/engine/ShaderManager';
-import { AnimationLoop } from '../engine/AnimationLoop';
+import { AnimationLoop } from '@/engine/AnimationLoop';
-import { useAnimationFrame } from '../hooks/useAnimationFrame';
+import { useAnimationFrame } from '@/hooks/useAnimationFrame';
-import { useMouseInteraction } from '../hooks/useMouseInteraction';
+import { useMouseInteraction } from '@/hooks/useMouseInteraction';
-import { SHADER_CONFIG } from '../utils/constants';
+import { SHADER_CONFIG } from '@/utils/constants';
-import { MouseInteractionConfig } from '../types/interaction';
+import { MouseInteractionConfig } from '@/types/interaction';
 
 /**
  * ImageDistortion 컴포넌트 Props

src/editor/components/EditorCanvas.tsx

@@ -1,8 +1,8 @@
 import React, {useRef, useEffect, useState, useCallback, useMemo} from 'react';
-import {DistortionArea, Point} from '../../types/area';
+import {DistortionArea, Point} from '@/types';
-import {ImageDistortion} from '../../components/ImageDistortion';
+import {ImageDistortion} from '@/components/ImageDistortion';
 import {EditorCanvasStyle} from '../types';
-import {DEFAULT_EDITOR_CANVAS_STYLE} from '../constants';
+import {DEFAULT_EDITOR_CANVAS_STYLE} from '@/editor';
 
 interface EditorCanvasProps {
 	areas: DistortionArea[];

src/engine/SpringPhysics.ts

@@ -1,5 +1,5 @@
-import { Point } from '../types/area';
+import { Point } from '@/types';
-import { SpringPhysicsConfig, SpringState } from '../types/interaction';
+import { SpringPhysicsConfig, SpringState } from '@/types/interaction';
 
 /**
  * 스프링 기반 물리 시뮬레이션 엔진

src/engine/ThreeScene.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { ShaderUniforms } from '../types';
+import type { ShaderUniforms } from '@/types';
 
 /**
  * Three.js 씬 관리 클래스

src/hooks/useMouseInteraction.ts

@@ -1,8 +1,8 @@
 import { useRef, useCallback, useState } from 'react';
 import { useMouseVelocity } from './useMouseVelocity';
-import { SpringPhysics } from '../engine/SpringPhysics';
+import { SpringPhysics } from '@/engine/SpringPhysics';
-import { DistortionArea, Point } from '../types/area';
+import { DistortionArea, Point } from '@/types';
-import { MouseInteractionConfig } from '../types/interaction';
+import { MouseInteractionConfig } from '@/types/interaction';
 
 /**
  * 점이 사각형 내부에 있는지 확인

src/hooks/useMouseVelocity.ts

@@ -1,6 +1,6 @@
 import { useRef, useCallback, useEffect } from 'react';
-import { Point } from '../types/area';
+import { Point } from '@/types';
-import { MouseState } from '../types/interaction';
+import { MouseState } from '@/types/interaction';
 
 /**
  * 마우스 위치, 속도, 가속도를 추적하는 훅