enhance(frontend): 音声ビジュアライザー

[kakkokari-gtyih]

What

2025-07-21.164716.mp4

音声再生のUIをビジュアライザーに変更

Why

• 動画と同じサイズ・同じUIのメディアとして表示されることにより音声ファイルへのインプレッションの増加を見込める
• 単純な賑やかし

Additional info (optional)

WebGL (GLSL)で描画周りを作り直すのもよいかも（波形データをGLSLに渡して描画させる）

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Add story of storybook
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 17.89%. Comparing base (e98252a) to head (8c12ed3).
⚠️ Report is 1337 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff              @@
##           develop   #16314       +/-   ##
============================================
- Coverage    42.56%   17.89%   -24.68%     
============================================
  Files         1685      860      -825     
  Lines       170650    78964    -91686     
  Branches      4223     1335     -2888     
============================================
- Hits         72643    14132    -58511     
+ Misses       97546    64826    -32720     
+ Partials       461        6      -455     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.