fix: 중복 아이콘 제거 및 아이콘 컴포넌트 스타일 수정

Author: jjangminii

package.json

@@ -9,8 +9,7 @@
     "lint": "eslint",
     "icons:clean": "svgo -r -f src/shared/icons/source --config=./svgo.config.mjs --multipass",
     "icons:gen": "pnpm dlx tsx src/shared/icons/scripts/generate-icon-list.ts ",
-    "icons": "pnpm icons:clean && pnpm icons:gen",
-    "icons:watch": "chokidar \"src/shared/icons/source/**/*.svg\" -c \"pnpm icons\""
+    "icons": "pnpm icons:clean && pnpm icons:gen"
   },
   "dependencies": {
     "axios": "^1.12.2",

src/pages/index.tsx

@@ -12,7 +12,7 @@ export default function Home() {
           <Icon name='CalendarBlank' size={200} color='gray-900' />
           <Icon name='User' size={200} color='blue-400' />
           <Icon name='User' size={200} color='red-300' />
-
+          <Icon name='User' size={200} color='red-300' />
           <p className='mt-3 text-lg sm:text-2xl text-gray-600'>
             Next.js(Page Router) + TS + Tailwind + Axios
           </p>

src/shared/icons/components/icon.tsx

@@ -78,8 +78,9 @@ export const Icon = ({
 
   const combined = clsx(
     'inline-block',
+    'transform',
     rotateClass,
-    hasRotateAnimation && 'transform transition-transform duration-200',
+    hasRotateAnimation && 'transition-transform duration-200',
     className,
   );