perf(frontend): MkMediaListの高さ制限を調整

[tamaina]

What

• MkMediaListの画像1枚の場合の高さ制限で、aspect-ratioを計算したりcssに任せたりするのではなくJavaScriptでheightを計算するように
• 設定(mediaListWithOneImageAppearance)を変更した場合はリロードを促すように

Why

• container-typeがスクロールコンテナではなくその内側に設定されてしまったためcqhが効いていなかったのを修正
• 単純なheightにすることで描画時のパフォーマンス向上？

Additional info (optional)

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

Merging #11377 (dfa140f) into develop (8851e90) will decrease coverage by 0.04%.
The diff coverage is 100.00%.

@@             Coverage Diff             @@
##           develop   #11377      +/-   ##
===========================================
- Coverage    77.71%   77.67%   -0.04%     
===========================================
  Files          920      918       -2     
  Lines        92734    92600     -134     
  Branches      7748     7748              
===========================================
- Hits         72064    71930     -134     
  Misses       20670    20670              

Files Changed	Coverage Δ
packages/frontend/src/components/MkMediaList.vue	100.00% <100.00%> (ø)

... and 2 files with indirect coverage changes

[syuilo]

p1.a9z.devで動作中？

[tamaina]

yes

[syuilo]

👍

[tamaina]

clientWidthの取得が結構重めだけど省力化のアイデアがある