動的クレジット価格表示（割引バッジ）

## 動的クレジット価格表示 クレジット購入ページとランディングページのクレジット価格表示が、管理者設定に完全連動するようになりました。 ### 変更点 #### 購入ページ（/credits/purchase） - クレジットパッケージの価格・名前・クレジット数がDBから動的取得に変更 - 1クレジット単価（¥XX/クレジット）を各パッケージカードに表示 - ボリュームディスカウントがある場合「XX%割引」の緑バッジを自動表示 - ページ読み込み中はスケルトン表示 #### ランディングページ（/） - 料金セクションの価格がDBから動的取得に変更 - 割引バッジを同様に自動表示 - 言語設定に応じてJPY（¥）またはUSD（$）表示を切り替え ### ボリュームディスカウントの仕組み 1. 管理画面「クレジット単価設定」で表示順1のパッケージが基準単価になります 2. 他のパッケージの1クレジット単価が基準より安い場合、割引率を自動計算 3. 購入ページ・ランディングページで「XX%割引」バッジとして自動表示されます ### 管理者が価格を変更すると即座に反映 管理者がクレジット単価設定から価格を変更・保存すると、購入ページとランディングページのキャッシュが自動更新（5分TTL）され、ユーザーには常に最新の価格が表示されます。