Notification Dialog

[seungyeonnn]

Issues 번호 :

Closes #36

변경, 추가된 코드(설명 등)

• 틀만 만들어 놓은 상태
• 알림 버튼 클릭 시, dialog 열리도록 함

코드 주의점

• dialog closed 되면 visible도 false로 바뀌게 수정해야 함

스크린샷

Summary by CodeRabbit

- New Feature: 이미지 컴포넌트들을 추가하고 import 구문을 수정했습니다.
- New Feature: ChukaPokaMainHeader.vue에 버튼 클릭 시 알림 다이얼로그가 열리는 기능을 추가했습니다. `visible` 상태를 활용하여 다이얼로그의 가시성을 제어하고, 버튼 클릭 이벤트 처리가 추가되었습니다.
- New Feature: NotificationDialog.vue에 새로운 컴포넌트 `ChukaPokaMainHeader`를 만들어서 알림 다이얼로그를 표시하는 기능을 추가했습니다. 다이얼로그는 초기에 보이도록 설정되어 있습니다.
- New Feature: TreeEditSelectTreeCard.vue에서 버튼 클릭 시 이벤트를 발생시키도록 수정했습니다. 또한 `withDefaults` 함수를 추가했습니다.
- Refactor: use-validate-input-value.ts 파일에 대한 변경 사항이 있습니다.
- New Feature: treeitem/detail/index.vue에 새로운 컴포넌트 및 함수를 추가했습니다. 또한 상태 변수와 계산된 속성을 추가하고, 스타일링과 레이아웃을 변경했습니다.

[github-actions[bot]]

CodeRabbit

개요:

이번 변경에서는 이미지 컴포넌트 추가, 알림 다이얼로그 기능 개선, 버튼 클릭 이벤트 처리 추가, 새로운 컴포넌트 및 함수 추가, 상태 변수 및 계산된 속성 추가, 스타일링 및 레이아웃 변경이 주요 내용입니다.

상세 정보:

• Iconography.stories.mdx: 이미지 컴포넌트 추가 및 import 구문 수정
• ChukaPokaMainHeader.vue & NotificationDialog.vue: 알림 다이얼로그 관련 변경 사항
• TreeEditSelectTreeCard.vue: 버튼 클릭 시 이벤트 발생 및 withDefaults 함수 추가
• use-validate-input-value.ts: 변경 없음
• index.vue (containers/treeitem/detail & views/treeitem/detail): 새로운 컴포넌트, 함수, 상태 변수, 계산된 속성 추가, 스타일링 및 레이아웃 변경

---

Uplevel your code reviews with CodeRabbit Pro

### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

[doyou1]

conflict 수정 후 머지