[Feat] 알림 Type 최신화 적용, NotificationCard 스토리북 작성

[Chiman2937]

📝 변경 사항

💡 알림 데이터 필드 최신화 작업

🔍 알림 유형

follow
다른 사용자가 나를 팔로우했음을 알리는 알림입니다.

group-join
사용자가 내 모임에 참여했음을 알리는 알림입니다.

group-leave
사용자가 내 모임에서 탈퇴했음을 알리는 알림입니다.

group-create
내가 팔로우한 사용자가 새로운 모임을 생성했음을 알리는 알림입니다.

group-delete
참여 중이던 모임이 삭제되었음을 알리는 알림입니다.

group-join-request
사용자가 내 모임에 참여를 신청했음을 알리는 알림입니다.

group-join-approved
내 모임 참여 신청이 승인되었음을 알리는 알림입니다.

group-join-rejected
내 모임 참여 신청이 거절되었음을 알리는 알림입니다.

group-join-kicked
모임장에 의해 모임에서 강퇴되었음을 알리는 알림입니다.

알림 데이터 필드

      {
        "id": 6,
        "type": "group-join-request",
        "message": "Jake2님이 \"SSE 알림 실시간 테스트\" 모임에 참여를 신청했어요.",
        "readAt": null,
        "createdAt": "2026-01-01T14:38:01.856597",
        "user": {
          "id": 104,
          "nickname": "Jake2"
        },
        "group": {
          "id": 1,
          "title": "SSE 알림 실시간 테스트"
        }
      },

1. 알림 페이지에서 알림 클릭 시

알림 클릭 시 해당되는 페이지로 이동되며 알림은 읽음처리됩니다.

• follow 타입일 경우 프로필 페이지로 이동
• group=* 타입일 경우 모임 페이지로 이동

2. group 필드가 null인 데이터

아래와 같은 데이터는 group필드가 null로 조회됩니다.

• 알림 데이터 필드 업데이트 이전에 생성된 데이터
• group-delete 유형인 데이터

이 때는 알림 데이터를 클릭하면 redirect없이 fallback(Toast)이 동작합니다.

💡 NotificationCard 스토리북 작성

---

🔗 관련 이슈

Closes #

---

🧪 테스트 방법

• 수동 테스트 검증(로컬 환경)
• 유닛 테스트 검증
• 통합 테스트 검증

---

📸 스크린샷 (선택)

---

📋 체크리스트

• 관련 문서를 업데이트했습니다 (필요한 경우)
• 테스트를 추가/수정했습니다 (필요한 경우)
• Breaking change가 있다면 명시했습니다

---

💬 추가 코멘트

---

CodeRabbit Review는 자동으로 실행되지 않습니다.

Review를 실행하려면 comment에 아래와 같이 작성해주세요

@coderabbitai review

---

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎭 Playwright Report

✨ E2E Test가 성공적으로 완료되었습니다.

Test 요약 내용을 확인해주세요.

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-01-03 01:08:32

📊 Test Summary

• ✅ Passed: 3
• ❌ Failed: 0
• ⏱️ Duration: 34.0s

📜 Test Details

✅ Passed Tests (3)

• profile.test.ts (3)
  • [chromium] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [firefox] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [webkit] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트

[github-actions]

📊 Coverage Report

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-01-03 01:07:29

📉 #314을 main에 병합하면 coverage가 0.84% 감소합니다.

Coverage 요약

@@             Coverage Diff             @@
##             main     #314       +/-   ##
===========================================
- Coverage   39.51%   38.67%    -0.84%     
===========================================
  Files         216      217        +1     
  Lines        9702     9914      +212     
  Branches      409      410        +1     
===========================================
  Hits         3834     3834         0     
+ Misses       5868     6080      +212     

영향받은 파일

✅ 이 PR로 영향받은 파일이 없습니다

수정된 모든 파일이 현재 coverage를 유지했습니다.

[github-actions]

🎨 Storybook Report

✅ 변경 사항이 없습니다

모든 Story가 이전 빌드와 동일합니다.

Status	Storybook	Build Log	Updated (UTC)
✅ Unchanged	View Storybook	View Build	2026-01-03 01:09:20

[github-actions]

🚀 PR Preview Report

✨ Build가 성공적으로 완료되었습니다.

Preview에서 변경사항을 확인하세요.

Status	Preview	Build Log	Updated (UTC)
✅ Ready	Visit Preview	View Logs	2026-01-03 01:08:48