支出メモのテンプレート（よく使うメモ）クイック選択機能の追加

## 1. 目的
入力画面でメモ欄に毎回同じ文字を打つ手間を省き、「3タップ最速入力」のコンセプトをさらに徹底する。よく使うメモ文字列をテンプレートとして最大8件保存し、メモ欄タップ時に候補ボタンとして表示することで、テキスト入力ゼロでも詳細な記録が残せるようにする。

## 2. 具体的な仕様

### 2-1. テンプレートのデータ構造
- localStorageキー: `coinlog_memo_templates`
- 形式: JSON配列 例 `["コンビニ","ランチ","交通費","コーヒー"]`
- 最大8件、各テンプレートは最大20文字

### 2-2. クイック入力画面の変更
- 既存のメモ入力欄（テキストボックス）の直上に「よく使うメモ」行を追加する
- 保存済みテンプレートをピル型ボタン（横スクロール可）で並べて表示
- ボタンをタップするとメモ欄にその文字列をセット（既存テキストは上書き）
- テンプレートが0件の場合はこの行を非表示にし、既存レイアウトを変えない

### 2-3. テンプレート管理画面
- 既存の「設定」画面（カテゴリ管理・予算設定があるページ）に「よく使うメモ」セクションを追加
- 現在のテンプレート一覧をリスト表示（テキスト＋削除ボタン）
- 入力欄＋「追加」ボタンで新規追加（8件上限時は追加ボタンをdisabled化しメッセージ表示）
- ドラッグ不要・並び替えは「↑↓ボタン」で上下移動（実装を軽量に保つ）
- 変更はリアルタイムでlocalStorageへ保存

### 2-4. 自動学習（オプション機能）
- 支出登録時にメモ欄に文字が入力されていた場合、そのメモが既存テンプレートに含まれていなければ「このメモをテンプレートに追加しますか？」をスナックバー形式（画面下部に3秒表示）で提案する
- 「追加」タップで即座にlocalStorageへ保存、「×」で無視
- 既に8件満杯の場合はこの提案を出さない

### 2-5. UI・スタイル
- ピル型ボタン: `border-radius:999px; padding:4px 12px; background:#f0f0f0; font-size:0.85rem;`
- 横スクロールコンテナ: `display:flex; overflow-x:auto; gap:6px; padding:4px 0;`
- スクロールバーは非表示（`scrollbar-width:none`）でスワイプ操作のみ
- ダークモード対応: 既存のCSSカスタムプロパティに合わせてボタン背景色を変数で指定

## 3. 既存機能との整合
- メモ欄そのものは既存のまま残す（手入力も引き続き可能）
- テンプレート行はテンプレート0件時に非表示のため、初回利用者のレイアウトは現行と完全に同一
- CSVエクスポートのメモ列はそのまま出力されるため変更不要
- カテゴリ管理・予算設定など既存の設定項目は一切変更しない（セクション追加のみ）
- localStorageの既存キーに触れないため、既存データへの影響はゼロ