スライドごとの「発表者メモ」欄の追加

## 1. 目的
プレゼン本番でスライドごとに話す内容・補足情報を手元に残せるようにする。登壇前の準備や練習に使え、ツールの滞在時間・利用深度を高める。サーバー保存なし・外部依存なしで完結する。

---

## 2. 具体的な仕様

### 2-1. 編集画面への追加
- 各スライドの編集フォーム（タイトル・本文入力欄の下）に `<textarea>` を1つ追加する。
- ラベル: 「🗒 発表者メモ（本番スライドには表示されません）」
- プレースホルダー: 「このスライドで話す内容・補足・キーワードなど」
- rows=3、リサイズ可（resize: vertical）
- 文字数上限: 500文字（maxlength属性）
- 入力値はスライドデータオブジェクトの `speakerNote` プロパティとして保持する。

### 2-2. データ保持
- `speakerNote` を既存の JSON 保存・読込・localStorage 自動保存の対象に含める（既存のシリアライズ処理に `speakerNote: ""` を追加するだけ）。
- `speakerNote` が存在しない旧データを読み込んだ場合は空文字として扱い、エラーにしない。

### 2-3. プレビュー画面への反映
- 大プレビューエリアの**下部**（スライドキャンバスの外側）に「発表者メモ」表示ボックスを追加する。
- メモが空の場合は非表示（display:none）。
- 背景: 薄い黄色（#fffde7）、左ボーダー: 4px solid #f9a825、padding: 8px 12px、font-size: 0.85rem。
- テキストは改行を保持して表示（white-space: pre-wrap）。
- 先頭に小さく「🗒 発表者メモ」とラベル表示。
- **PNG一括ダウンロード・印刷には含めない**（html2canvas の対象 DOM 要素を既存のスライドキャンバス div のみに限定しているため変更不要）。

### 2-4. サムネイルストリップへの視覚的ヒント
- メモが入力済みのスライドのサムネイル右下に 🗒 アイコン（font-size:10px）を重ねて表示し、メモがあることを一目で分かるようにする。

### 2-5. スマホ対応
- 編集タブ内にそのまま収まる（既存タブ切り替え UI を変更しない）。
- プレビュータブでは大プレビュー下のメモボックスが表示される。

---

## 3. 既存機能との整合（壊さない点）
- スライドキャンバス本体（PNG出力・印刷対象）には一切 DOM 追加しないため、出力物の見た目は変わらない。
- JSON の後方互換: 旧ファイルに `speakerNote` キーがなくても `|| ""` でフォールバックするため読込エラーにならない。
- localStorage スキーマ変更なし（既存キーに新プロパティが追加されるだけ）。
- ドラッグ&ドロップ順序変更も `speakerNote` ごと移動されるため整合性が保たれる。