[chore] SVGO 설치 및 이미지 일괄 업데이트

package.json

@@ -11,7 +11,8 @@
     "husky": "husky install",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=chpt_4838cf564671b5e"
+    "chromatic": "npx chromatic --project-token=chpt_4838cf564671b5e",
+    "svgo": "svgo -f src/assets/wed_icon --recursive"
   },
   "dependencies": {
     "@svgr/webpack": "^8.1.0",
@@ -66,6 +67,7 @@
     "postcss": "^8",
     "prettier": "^3.4.2",
     "storybook": "^8.5.2",
+    "svgo": "^3.3.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.6.3",
     "webpack": "^5.96.1",

src/app/page.tsx

@@ -1,20 +1,20 @@
+import LeftArrow from '@/assets/wed_icon/icon_16/leftarrow_default.svg';
 import { Button } from '@/components/atoms/button';
 import Image from 'next/image';
-import LeftArrow from '@/assets/left_arrow.svg';
 
 import LoginButton from '@/features/components/LoginButton';
 
 export default function Home() {
   return (
-    <div className="flex flex-col items-center justify-center">
+    <div className='flex flex-col items-center justify-center'>
       <Image
-        src="/icon512_rounded.png"
-        alt="Next.js logo"
+        src='/icon512_rounded.png'
+        alt='Next.js logo'
         width={180}
         height={38}
         priority
       />
-      <div className="w-[96px]">
+      <div className='w-[96px]'>
         <Button>
           <LeftArrow />
           <span>text</span>