docs: SliderButton 설명란 수정 및 스토리북 추가

docs/SliderButton.mdx

@@ -4,7 +4,7 @@ SliderButton
 
 ## Description
 
-Slider Button
+This component represents a slider button used for navigating left or right within a slider or carousel interface. It provides functionality for the user to move between different items in the slider by clicking on the respective left or right button.
 
 ## Anatomy
 
@@ -20,3 +20,7 @@ import { SliderButton } from 'ggf-ui';
 ```tsx
 <SliderButton onClick={onClick} type='right' />
 ```
+
+## Storybook
+
+[https://661f5982ddc662c8c9a12d6b-myronoygng.chromatic.com/?path=/story/buttons-sliderbutton--example&globals=backgrounds.value:!hex(333333)](<https://661f5982ddc662c8c9a12d6b-myronoygng.chromatic.com/?path=/story/buttons-sliderbutton--example&globals=backgrounds.value:!hex(333333)>)

src/stories/SliderButton.stories.ts

@@ -0,0 +1,15 @@
+import SliderButton from '@/components/SliderButton';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+const meta = {
+  title: 'Buttons/SliderButton',
+  component: SliderButton,
+} satisfies Meta<typeof SliderButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {},
+};