feat: storybook 추가

web-app/app/shared/components/breadcrumbs/Breadcrumbs.stories.tsx

@@ -0,0 +1,40 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import Breadcrumbs from './Breadcrumbs'
+
+const meta = {
+  title: 'Components/Breadcrumbs',
+  component: Breadcrumbs,
+} satisfies Meta<typeof Breadcrumbs>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    items: ['항공영상 관리', '항공영상 목록'],
+  },
+}
+
+export const SingleItem: Story = {
+  args: {
+    items: ['대시보드'],
+  },
+}
+
+export const ThreeItems: Story = {
+  args: {
+    items: ['설정', '시스템 설정', '일반'],
+  },
+}
+
+export const FourItems: Story = {
+  args: {
+    items: ['프로젝트', '프로젝트 A', '탐지 관리', '탐지 결과'],
+  },
+}
+
+export const LongNames: Story = {
+  args: {
+    items: ['항공영상 관리 시스템', '상세 항공영상 목록 페이지', '결과 분석'],
+  },
+}