[UI] Adminの追加ボタンをFigmaのデザインに合わせる

[screana]

概要

Admin画面の追加ボタンをFigmaのデザインに合わせました。

変更点

• タスク一覧の「タスクを追加」ボタンの見た目を調整しました。
• 物品一覧の「物品を追加」ボタンの見た目を調整しました。
• 場所一覧の「エリアを追加」ボタンの見た目を調整しました。
• Admin画面の追加ボタンを共通コンポーネント化しました。

関連Issue

• [UI] Adminの追加ボタンをFigmaのデザインに合わせる #68

スクリーンショット（UI変更がある場合）

Figma	実環境

動作確認手順

1. Docker を起動した状態で mise run dev を実行する
2. http://127.0.0.1:3000/login にアクセスする
3. 管理者アカウントでログインする
4. http://127.0.0.1:3000/admin/tasks にアクセスし、「タスクを追加」ボタンの見た目を確認する
5. http://127.0.0.1:3000/admin/items にアクセスし、「物品を追加」ボタンの見た目を確認する
6. http://127.0.0.1:3000/admin/locations にアクセスし、「エリアを追加」ボタンの見た目を確認する
7. mise exec -- pnpm fmt:check . を実行する
8. mise exec -- pnpm typecheck を実行する
9. mise exec -- pnpm lint を実行する
10. 終了時は mise run down を実行する

レビューしてほしいポイント

• 追加ボタンの高さ、角丸、アイコンサイズ、文字サイズがFigmaの意図に合っているか
• Admin画面の追加ボタンとして共通コンポーネント化する粒度で問題ないか
• 既存の追加導線に影響が出ていないか

セルフチェックリスト

• ローカルでの動作確認を行った
• Lint エラーが出ていない
• テストコードを追加・修正した（必要な場合）

[screana]

🩺 React Doctor

React Doctor v0.5.8

Scanning changes: (detached HEAD) → origin/main

  
No issues found!

  ┌─────┐  91 / 100 Great
  │ ◠ ◠ │  ██████████████████████████████████████████████░░░░
  │  ▽  │  React Doctor (https://react.doctor)
  └─────┘

これ91点なのになんでこいつ笑顔なんや・・・

[github-actions]

🩺 React Doctor

React Doctor v0.5.8

Scanning changes: (detached HEAD) → origin/main

  
No issues found!

  ┌─────┐  91 / 100 Great
  │ ◠ ◠ │  ██████████████████████████████████████████████░░░░
  │  ▽  │  React Doctor (https://react.doctor)
  └─────┘