enhance(frontend): データセーバーモードで隠れる画像を増やす等

[kakkokari-gtyih]

What

• ページの画像をBlurhash対応にした
  
  これにより、
  • データセーバーモード有効時に画像が読み込まれなくなった
  • センシティブな画像が隠れるようになった
• データセーバー有効時にURLプレビューのサムネイル画像の読み込みをなくした
  

ついでにやった軽微な修正

• ページのプレビュー欄に背景色があたっていなかったので修正
  
• ページサムネイルだけ角丸にした（区別をつけやすくするため・上図参照）
• ページのブロックごとに若干マージンをつけた

Why

Fix #10913 （データセーバーモード実装のやり残し）

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

Patch coverage: 83.33% and project coverage change: +0.15% 🎉

Comparison is base (2ccef59) 78.68% compared to head (052867e) 78.84%.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #11779      +/-   ##
===========================================
+ Coverage    78.68%   78.84%   +0.15%     
===========================================
  Files          174      176       +2     
  Lines        22743    22929     +186     
  Branches       509      511       +2     
===========================================
+ Hits         17896    18079     +183     
- Misses        4847     4850       +3     

Files Changed	Coverage Δ
packages/frontend/src/components/MkMediaImage.vue	83.72% <82.14%> (-0.20%)	⬇️
packages/frontend/src/components/MkUrlPreview.vue	93.76% <100.00%> (+0.01%)	⬆️

... and 2 files with indirect coverage changes

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

[syuilo]

CSSのワイルドカードセレクタはパフォーマンスに影響があるという噂があるのと、リーダビリティ的にも懸念があるからCSS Modulesを使ってスタイル当てた方が良さそう

[syuilo]

👍

[kakkokari-gtyih]

@syuilo なんか引っかかってました？

[syuilo]

ノートに添付された画像をクリックしたときにビューワが開かない問題があるっぽい

[kakkokari-gtyih]

あーそういう実装になってました
なおします（何処で修正かければいいかわからないんですが、もう一回PR開いたらいい感じですかね？）

[syuilo]

もう一度PRお願いします🙏

[kakkokari-gtyih]

#11806