ClearButton / CopyButton に type="button" 追加（form 内 submit 暴発回避）

[fumtas1k]

背景

#256 (B 案 PR 1) の final code review で発覚（pre-existing 課題）。

src/components/ui/ClearButton.tsx / src/components/ui/CopyButton.tsx の <button> に type="button" 属性が無い。

課題

これらのボタンが <form> 要素内で使用された場合、HTML 仕様で type 属性なしの <button> はデフォルト type="submit" として扱われ、クリックで意図せず form submit を発動させる可能性がある。

ActionButton.tsx は明示的に type="button" を持っており（line 40）、整合性も確保されない。

対応

両ファイルの <button> 要素に type="button" を追加。

// ClearButton.tsx
<button type="button" onClick={onClick} className="...">

// CopyButton.tsx (compact 分岐 + 通常分岐の両方)
<button type="button" onClick={handleClick} aria-label={label} className="...">

関連

• 起源: security: CSP の script-src/style-src から 'unsafe-inline' を削減する #176 / refactor(ui): #176 B 案 PR 1 — ui/* simple 11 ファイル inline style 撤去 + 基礎工事 #256 final code review (Important refactor: デザインシステム整備・コード品質改善 #2)
• 元実装からの faithful translation だが、移行を機に修正推奨

[fumtas1k]

PR #268 (merged 2026-05-04) で対応済みのため close。
ClearButton.tsx:14-15 / CopyButton.tsx:87-88, 100-101 の <button> に type="button" が付与されていることをコードで確認済み。