職務経歴書フォームの項目削除を見出しのアイコンボタンへ移設

[yusuke0610]

概要

職務経歴書フォームで、各項目の削除ボタンが項目の最下部にフル幅で縦積みされており、
スクロールすると「どの削除ボタンがどの項目のものか分かりづらい」「縦に長い」問題を解消する。

削除を各項目の見出し右端の小さなゴミ箱アイコンに移設し、追加ボタンはプラスアイコン+テキストに調整した。
対象は職務経歴 / 取引先 / プロジェクト / 資格の4セクション。

注: 当初 #302（fix/resume-pdf-format-and-form）ベースの stacked PR だったが、#302 が main にマージされたため最新 main へ rebase し、base を main に変更済み。差分は本コミット1件のみ。

変更内容

新規

• components/ui/DeleteIconButton.tsx — 見出し右端に置くアイコンのみの削除ボタン（4箇所で共通利用）。
  stopPropagation でアコーディオンの誤トグルを防止。
• components/icons/TrashIcon.tsx / PlusIcon.tsx — カスタム SVG アイコン（依存追加なし）。

各セクション

• 職務経歴: Collapsible の既存 headerActions スロットに削除アイコンを配置。
• 取引先: 取引先見出し行の右端に削除アイコン（休業時は aria-label を「休業を削除」に切替）。
• プロジェクト: 既存の行内「編集／削除」のうち削除のみアイコン化（編集は維持）。
• 資格: 各行を flex 化し右端に削除アイコンを配置。
• 各「追加」ボタンに PlusIcon を付与（位置は従来どおり）。

その他

• 削除ロジック・props のシグネチャは変更なし（配置と見た目のみ）。
• アイコンの aria-label は UI_MESSAGES に集約。

テスト

• 最新 main へ rebase 後にローカル CI 相当すべて pass: ESLint / build（tsc + vite）/ vitest 208 passed（新規 DeleteIconButton 3 ケース含む）/ node:test / lint-frontend-messages
• ブラウザでサンプルデータをレンダリングし、各見出しの削除アイコン・追加アイコンの表示を目視確認済み
• 新規ルート/認証/レイアウト変更は無いため E2E トリガー対象外

---

Generated by Claude Code

[coderabbitai]

Warning

Review limit reached

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

More reviews will be available in 24 minutes and 45 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: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 2845bd5e-8ad3-49c9-9a2b-3a0794658330

📥 Commits

Reviewing files that changed from the base of the PR and between b2bb498 and d83291a.

📒 Files selected for processing (11)

• frontend/src/components/forms/CareerFormEditors/CareerExperienceEditor.tsx
• frontend/src/components/forms/CareerFormEditors/ClientEditor.tsx
• frontend/src/components/forms/CareerResumeForm.module.css
• frontend/src/components/forms/sections/CareerExperienceSection.tsx
• frontend/src/components/forms/sections/CareerQualificationsSection.tsx
• frontend/src/components/icons/PlusIcon.tsx
• frontend/src/components/icons/TrashIcon.tsx
• frontend/src/components/ui/DeleteIconButton.module.css
• frontend/src/components/ui/DeleteIconButton.test.tsx
• frontend/src/components/ui/DeleteIconButton.tsx
• frontend/src/constants/messages.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/resume-form-item-delete-icons

---

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

[yusuke0610]

@coderabbitai PVして

[coderabbitai]

@yusuke0610 了解しました！PR #303 のレビューを開始します 🐇

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[yusuke0610]

@coderabbitai PVして

[coderabbitai]

@yusuke0610 かしこまりました！PR #303 のレビューを開始します 🐇

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.