feat: card storybook variant save 추가

Author: constantly-dev

packages/design-system/src/components/card/Card.stories.tsx

@@ -33,6 +33,15 @@ const meta: Meta<typeof Card> = {
       control: 'text',
       if: { arg: 'type', eq: 'bookmark' },
     },
+    variant: {
+      control: 'inline-radio',
+      options: ['default', 'save'],
+      if: { arg: 'type', eq: 'bookmark' },
+    },
+    nickname: {
+      control: 'text',
+      if: { arg: 'variant', eq: 'save' },
+    },
   },
 };
 
@@ -56,6 +65,7 @@ export const BookMark: Story = {
   name: 'type: bookmark',
   args: {
     type: 'bookmark',
+    variant: 'default',
     title: '북마크 카드 타이틀',
     content: '북마크 컨텐츠 내용입니다.',
     category: '디자인',
@@ -65,6 +75,20 @@ export const BookMark: Story = {
   },
 };
 
+export const BookMarkSave: Story = {
+  name: 'type: bookmark (save)',
+  args: {
+    type: 'bookmark',
+    variant: 'save',
+    title: '북마크 카드 타이틀',
+    content: '북마크 컨텐츠 내용입니다.',
+    category: '디자인',
+    nickname: '하비',
+    imageUrl:
+      'https://images.unsplash.com/photo-1555949963-ff9fe0c870eb?q=80&w=2070&auto=format&fit=crop',
+  },
+};
+
 export const LongTextSideBySide: Story = {
   name: 'case: Long Text',
   render: () => (
@@ -79,6 +103,7 @@ export const LongTextSideBySide: Story = {
       />
       <Card
         type="bookmark"
+        variant="default"
         title="두 줄로 표시되는 긴 북마크 카드 타이틀입니다. 제한 길이를 넘어가면 ... 처리가 됩니다."
         content="여기에 두 줄 이상으로 늘어나는 북마크 컨텐츠 내용이 들어갑니다. 길이를 확인해보세요."
         category="마케팅"
@@ -102,6 +127,7 @@ export const NoImageSideBySide: Story = {
       />
       <Card
         type="bookmark"
+        variant="default"
         title="두 줄로 표시되는 긴 북마크 카드 타이틀입니다. 제한 길이를 넘어가면 ... 처리가 됩니다."
         content="여기에 두 줄 이상으로 늘어나는 북마크 컨텐츠 내용이 들어갑니다. 길이를 확인해보세요."
         category="마케팅"
@@ -115,6 +141,7 @@ export const NoCategoryBookmark: Story = {
   name: 'case: No category (bookmark)',
   args: {
     type: 'bookmark',
+    variant: 'default',
     title: '북마크 카드 타이틀',
     content: '북마크 컨텐츠 내용입니다.',
     date: '2025.08.26',