アイテム・武器・防具のドット絵アイコン画像セットの追加

## 1. 目的
現在、ショップでの購入画面・ふくろ・装備変更・ステータス画面にはテキストのみでアイテムが表示されている。武器・防具・道具それぞれにドット絵アイコン画像を割り当てることで、SFC風のビジュアルを強化し、プレイヤーが装備やアイテムを視覚的に把握しやすくする。

## 2. 具体的な仕様

### 画像ファイル
- `assets/items/` ディレクトリに以下カテゴリのPNG画像（各32×32px）を配置する
- 武器系: 銅の剣、鉄の剣、鋼の剣、魔法の剣、炎の剣、勇者の剣、短剣、大剣、槍、杖、弓
- 防具系: 布の鎧、革の鎧、鎖帷子、鉄の鎧、魔法の鎧、盾（木・鉄・魔法）、兜
- 道具系: やくそう、上薬草、毒消し草、まほうの聖水、エリクサー、たいまつ、鍵
- 共通フォールバック: unknown.png（？マークのドット絵）

### lib.php への追加
- `rpgsf_assets()` 内の既存配列に `'item_icons'` キーを追加し、アイテム名 → 画像パスのマッピングを定義する
- マッピングにないアイテムは `assets/items/unknown.png` を使用する
- 例:
```php
'item_icons' => [
'銅の剣' => 'assets/items/sword_copper.png',
'鉄の剣' => 'assets/items/sword_iron.png',
'やくそう' => 'assets/items/herb.png',
// ...
]
```

### 表示箇所（JS側）
- ショップ購入画面の商品リスト: 商品名の左にアイコンを `<img class="item-icon" src="..." alt="">` で表示
- ふくろ（バッグ）画面: 各アイテム行の先頭にアイコンを表示
- 装備変更画面: 武器・防具スロットに現在装備中のアイコンを表示
- ステータスHUD: 装備欄に小アイコン（20×20px）を表示
- Canvas外のHTML要素として表示し、既存Canvas描画処理には一切手を加えない

### CSS
```css
.item-icon {
width: 32px;
height: 32px;
image-rendering: pixelated;
vertical-align: middle;
margin-right: 6px;
border: 1px solid #555;
background: #1a1a2e;
}
```

### スマホ対応
- アイコンはコマンド/ログタブのアイテム一覧でも同様に表示する
- タップ操作の邪魔にならないよう、アイコンはテキスト行の左端に固定幅で配置する

## 3. 既存機能との整合
- Canvas描画・戦闘処理・セーブ/ロード・シナリオ生成には変更を加えない
- 画像が存在しない場合は `onerror` でフォールバック画像に差し替えるJS処理を追加し、表示崩れを防ぐ
- モンスター画像の `assets/monsters/` ディレクトリとは完全に分離した `assets/items/` ディレクトリで管理する