[feat/button] - 버튼 default / secondary 두가지

[ramong26]

📝 PR 제목

Button 컴포넌트 생성

---

🛠 변경 내용

• Button default / secondary 두가지 모양

---

🎯 목적 / 이유

---

✅ 확인 사항

• 빌드 통과 ✅
• 테스트 통과 ✅
• 불필요한 console.log 제거 ✅

[Copilot]

Pull Request Overview

This PR introduces a Button component with two visual variants (default and secondary) styled with a Windows XP-inspired design. The changes include refactoring existing styles and adding Prettier configuration for code formatting consistency.

• Button component with default (gray) and secondary (red) variants
• Windows XP-style styling with box shadows and hover effects
• Code formatting updates with Prettier configuration

Reviewed Changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/styles/_variables.scss	Simplified color palette and typography definitions
src/styles/_mixins.scss	Enhanced text-style mixin with font-weight parameter
src/stories/main.ts	Quote style formatting changes
src/componets/Button/Button.tsx	Button component implementation with variant system
src/componets/Button/Button.stories.tsx	Storybook configuration for Button component
src/componets/Button/Button.scss	Complete styling for both button variants
.prettierrc	Prettier configuration for consistent code formatting

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The selected prop is defined in the interface but never used in the component implementation. Either implement the functionality or remove this unused prop to avoid confusion.

Suggested change

selected?: boolean;

[Copilot]

The story includes selected and color props that are not defined in the ButtonProps interface. Remove these props or add them to the component's prop definitions.

Suggested change

	variant: 'default',
	selected: true,
	color: 'rgba(255, 0, 0, 1)'
	variant: 'default'