[FE] 리소스를 최적화 및 번들 크기 감소 (#365)

* chore: webpack-bundle-analyzer 설정

* refactor: SVG 파일 크기 최적화

* chore: 동적 import와 React.lazy를 사용하여 페이지별 코드 스플리팅 적용

* chore: react-lottie 추가

* feat: PageMoveLoading 컴포넌트 구현

* chore: Pretendard subset 폰트로 교체

* chore: 폰트 preload 적용

* chore: splitChunks 적용 및 파일 이름에 컨텐츠 해시 포함

* refactor: React.FC 제거 및 ComponentType 사용

frontend/package.json

@@ -79,6 +79,7 @@
     "msw": "2.3.1",
     "postcss": "8.4.39",
     "postcss-styled-syntax": "0.6.4",
+    "react-lottie": "^1.2.4",
     "storybook": "8.2.4",
     "stylelint": "16.6.1",
     "stylelint-config-clean-order": "6.1.0",
@@ -89,8 +90,10 @@
     "typescript": "5.5.3",
     "undici": "6.19.2",
     "webpack": "5.94.0",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4",
+    "webpack-font-preload-plugin": "^1.5.0",
     "webpack-merge": "6.0.1"
   },
   "msw": {