알림 기능 추가 및 드롭다운에 전체보기 기능 추가

[yoon1017]

설명

알림 드롭다운 메뉴에 사용성 및 가시성 개선을 위해 '전체보기' 기능을 추가하고, 관련된 UI를 개선합니다.

작업 상세

1. 알림 드롭다운 메뉴 개선

• 초기 알림 드롭다운은 최대 7개의 알림만 표시합니다.
• 7개 이상의 알림이 있을 경우, 드롭다운 하단에 '전체보기' 버튼이 나타나게 합니다.

2. '전체보기' 모드 구현

• '전체보기' 버튼 클릭 시, 알림 드롭다운의 크기를 확장합니다.
• 확장된 드롭다운은 페이지네이션을 포함하여 모든 알림을 보여줍니다.
• 확장된 드롭다운의 오른쪽 상단에 'X' 버튼을 추가하여 알림 창을 완전히 닫을 수 있게 합니다.

3. 코드 수정

• src/components/header/Header.jsx 파일을 수정하여 isViewAll, currentPage 등 새로운 상태를 추가합니다.
• src/components/header/Header.css 파일에 expanded-dropdown 클래스 및 페이지네이션, 닫기 버튼(.close-btn)에 대한 스타일을 추가합니다.