ADCIO-3707) fix: fix prettier version and type in topbar (#79)

* fix: fix type and version and story

* fix: fix package version

package.json

@@ -3,7 +3,7 @@
   "author": "Corca <contact@corca.ai>",
   "description": "Design System for Corca, Inc.",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "packageManager": "pnpm@8.15.4",
   "main": "dist/index.js",
@@ -48,7 +48,7 @@
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^9.0.11",

src/components/Topbar/ProfileMenu.tsx

@@ -15,7 +15,7 @@ interface ProfileProps {
 export interface ProfileOption {
   label: string;
   onClick: () => void;
-  icon: ReactElement;
+  icon: () => ReactElement;
 }
 
 interface ProfileOptionListProps {
@@ -177,7 +177,7 @@ function ProfileOptionList({ title, name, email, options }: ProfileOptionListPro
           return (
             <MenuButton key={menu.label} onClick={menu.onClick}>
               <MenuItem>
-                {Icon}
+                <Icon />
                 <B3>{menu.label}</B3>
               </MenuItem>
             </MenuButton>

src/stories/Topbar.stories.tsx

@@ -32,14 +32,14 @@ const profileOptions: ProfileOption[] = [
     onClick: () => {
       alert('로그아웃');
     },
-    icon: <Icon.Logout />,
+    icon: () => <Icon.Logout />,
   },
   {
     label: '셀러 전환',
     onClick: () => {
       alert('셀러 전환');
     },
-    icon: <Icon.Switch />,
+    icon: () => <Icon.Switch />,
   },
 ];