タマネギの皮（オニオンスキン）プレビュー機能の追加

## 1. 目的
アニメーション制作時に、前後フレームを半透明で重ねて表示する「オニオンスキン」機能を追加する。現状は各フレームを独立して描画するしかなく、動きの連続性を確認しながら描くことができない。本機能により、なめらかなアニメーション制作の効率が大幅に向上する。

## 2. 具体的な仕様

### 2-1. UI配置
- フレームパネル上部（またはアニメーションプレビューボタン付近）に「オニオンスキン」トグルボタン（🧅アイコン＋「ONION」ラベル）を追加する。
- ボタンはON/OFFの2状態を持ち、ONのときはボタンがハイライト（アクセントカラー）表示される。
- ボタン横に「前後フレーム数」セレクト（1〜3の整数、デフォルト1）を配置する。

### 2-2. 表示仕様
- オニオンスキンON時、編集中キャンバスの描画レイヤーの**下**に前後フレームを半透明で合成して表示する。
- 1フレーム前：赤系（rgba(255,80,80,0.35)）
- 1フレーム後：青系（rgba(80,160,255,0.35)）
- 2フレーム前後（設定値が2以上の場合）：それぞれ不透明度0.18に落として同色系で表示
- 3フレーム前後（設定値が3の場合）：不透明度0.10
- 前後フレームが存在しない場合（先頭・末尾フレーム）は、存在する方向のみ表示する。
- オニオンスキン用の半透明描画は `<canvas>` の2D contextで既存の描画処理の前にoffscreenCanvasへ合成し、メインキャンバスへdrawImageする形で実装する（既存ピクセル配列を一切書き換えない）。

### 2-3. 操作
- オニオンスキン表示中でも、ペン・バケツ・消しゴムなどすべての描画ツールは現在フレームにのみ作用し、前後フレームのデータを変更しない。
- アニメーションプレビュー再生中はオニオンスキン表示を自動的に無効化する（再生終了後に元の状態に戻す）。
- PNGエクスポート・スプライトシート出力時はオニオンスキンを合成しない（元データのみ出力）。

### 2-4. 状態の保存
- ON/OFF状態と前後フレーム数はlocalStorageに保存し、次回起動時に復元する（キー名：`pixelforge_onion_enabled`、`pixelforge_onion_frames`）。

## 3. 既存機能との整合
- フレームデータ構造・Undo/Redo・PNG出力・スプライトシート出力・ギャラリー投稿はすべて無変更。
- 描画ツール6種の挙動に一切影響しない。
- オニオンスキン描画はキャンバス再描画メソッドの冒頭で前後フレームをoffscreenCanvasに描いてから既存のメイン描画処理を走らせる形にし、既存コードの差分を最小限にする。
- スマホでのタッチ描画時もオニオンスキンはリアルタイム更新され、パフォーマンスへの影響を抑えるためrequestAnimationFrameでの描画統合を維持する。