REFACTOR: imagePath에 추가

Author: leedaye0412

react-app/src/components/Character/Character.tsx

@@ -1,12 +1,9 @@
+import { IMAGES } from '@/constants/imagePath';
 const CharacterCard = () => {
   return (
     <div className="relative flex flex-col items-center">
       {/* seal 이미지 */}
-      <img
-        src="\assets\images\seal-chat-big.svg"
-        alt="Character Seal"
-        className="relative z-10 sm:w-[300px]"
-      />
+      <img src={IMAGES.SEAL_CHAT_BIG} alt="Character Seal" className="relative z-10 sm:w-[300px]" />
     </div>
   );
 };

react-app/src/constants/imagePath.ts

@@ -8,6 +8,7 @@ export const IMAGES = {
   DEFAULT_PROFILE: '/assets/images/default-profile.png',
   MEDAL: '/assets/images/medal.png',
   SEAL_CHANGE_PASSWORD: '/assets/images/seal-change-password.svg',
+  SEAL_CHAT_BIG: '/assets/images/seal-chat-big.svg',
   ARROW_LEFT: '/assets/images/vector.png',
   MOCKUP: '/assets/images/mockup.png',
   MAIN: [