feat(IN-238): 인플루언서 검색 상세 페이지 헤더(채널 프로필) 북마크, 해시태그 추가

[juuhye]

📌 작업 개요

feat(IN-238): 인플루언서 검색 상세 페이지 헤더(채널 프로필) 북마크, 해시태그 추가

🗂 작업 유형

해당하는 항목에 x를 채워 주세요.

• 기능 추가 (feat)
• 버그 수정 (fix)
• 리팩토링 (refactor)
• 스타일 / UI 수정 (style)
• 성능 개선 (perf)
• 테스트 (test)
• 기타 (chore, docs 등)

✏️ 작업 내용

✅ 셀프 체크리스트

머지 전 직접 확인해 주세요.

• 로컬에서 정상 동작 확인
• 불필요한 콘솔 로그, 주석, 디버그 코드 제거
• 타입 에러 없음

💬 리뷰어에게

Summary by CodeRabbit

릴리스 노트

• New Features
  • 인플루언서 북마크 기능이 추가되었습니다.
  • 인플루언서 상세 페이지에서 하트 버튼으로 북마크를 저장/해제할 수 있습니다.
  • 채널 카테고리 표시 방식이 개선되었습니다.

[vercel]

@juuhye is attempting to deploy a commit to the kimyunhyeong's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Review limit reached

@juuhye, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 1 minute and 3 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: eedc8d2c-97e4-4139-944f-b6959ad8263b

📥 Commits

Reviewing files that changed from the base of the PR and between 178641b and 10f5ad0.

📒 Files selected for processing (1)

• src/widgets/influencerDetail/influencerBaseInfo/ui/InfluencerBaseInfo.tsx

Walkthrough

PR 135는 인플루언서 상세 페이지에 북마크 기능을 통합합니다. bookmarked 필드를 DTO와 목 데이터에 추가하고, useBookmarkToggle 훅을 공개 API로 내보낸 후, 컴포넌트에서 이를 활용해 하트 버튼의 토글 이벤트를 처리하며, 카테고리 렌더링도 정식 UI 컴포넌트로 교체합니다.

Changes

인플루언서 북마크 기능 통합

Layer / File(s)	Summary
데이터 계약 및 목 데이터 업데이트 src/entities/influencerDetail/model/types.ts, src/entities/influencerDetail/mock/mockInfluencerDetail.ts	InfluencerDetailResponseDto에 bookmarked: boolean 필드 추가, 목 데이터에 bookmarked: false 필드 추가 및 channelId 값 수정.
공개 훅 API 내보내기 src/features/influencer/index.ts	useBookmarkToggle 훅을 기존 useInfluencers와 함께 공개 API로 재내보냄.
컴포넌트 북마크 및 카테고리 렌더링 src/widgets/influencerDetail/influencerBaseInfo/ui/InfluencerBaseInfo.tsx	useBookmarkToggle 훅을 import하여 HeartButton toggle 이벤트에 toggleBookmark(data.channelId, bookmarked) 호출 연결, 더미 버튼을 정식 HeartButton으로 교체, 카테고리 렌더링을 HashtagBox 리스트로 교체.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• JECT-Study/inflace-4th-Client#121: 북마크 캐시 업데이트를 useInfluencers 및 influencer/index.ts에 전파하는 관련 PR.

Suggested reviewers

• shunn2

Poem

🐰 책갈피를 달아두고 싶은 곡선미,
HeartButton과 해시태그 상자가 춤을 추며,
더미는 가고 진짜 기능이 온다네!
toggleBookmark로 하트를 건네주면,
인플루언서의 매력이 저장되나니! 💚✨

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check	❓ Inconclusive	PR 설명이 필수 섹션의 대부분을 포함하고 있으나, 핵심 섹션인 '✏️ 작업 내용'이 비어있어 변경사항에 대한 구체적인 설명이 부족합니다.	'✏️ 작업 내용' 섹션에 북마크 기능, 해시태그 추가, 관련 타입 및 훅 변경사항에 대한 구체적인 설명을 작성해 주세요.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	PR 제목은 작업 내용을 명확하게 요약하고 있으며, 인플루언서 검색 상세 페이지 헤더에 북마크와 해시태그를 추가하는 주요 변경사항을 정확히 반영하고 있습니다.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/widgets/influencerDetail/influencerBaseInfo/ui/InfluencerBaseInfo.tsx`:
- Around line 84-86: The bookmark toggle currently calls toggleBookmark with
data.channelId which can differ from the page route and cause the wrong channel
to be updated; change the onToggle handler to use the route's channelId (the
page-level identifier you obtain from useParams or props — e.g., the route
variable named channelId) instead of data.channelId so
toggleBookmark(routeChannelId, bookmarked) is always invoked; update the
onToggle reference in the InfluencerBaseInfo component (where onToggle and
toggleBookmark are used) to pass that route channelId.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: bbbe2c74-4da3-4e24-a4f6-7e0f4b1acb13

📥 Commits

Reviewing files that changed from the base of the PR and between 1a08fb7 and 178641b.

📒 Files selected for processing (4)

• src/entities/influencerDetail/mock/mockInfluencerDetail.ts
• src/entities/influencerDetail/model/types.ts
• src/features/influencer/index.ts
• src/widgets/influencerDetail/influencerBaseInfo/ui/InfluencerBaseInfo.tsx