fix(frontend): アイコンデコレーションが見切れる問題を修正

[zyoshoka]

What

アイコンデコレーションが以下の部分で見切れてしまう問題を修正しました。

• ナビゲーションバー
• ノート内のリアクション一覧
• ノートプレビュー

Before

After

Why

Fix: #12198

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

All modified and coverable lines are covered by tests ✅

Comparison is base (f635a48) 78.96% compared to head (9f2e6d4) 78.84%.
Report is 1 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #12239      +/-   ##
===========================================
- Coverage    78.96%   78.84%   -0.12%     
===========================================
  Files          944      945       +1     
  Lines       101881   101951      +70     
  Branches      8272     8236      -36     
===========================================
- Hits         80447    80386      -61     
- Misses       21434    21565     +131     

Files	Coverage Δ
packages/frontend/src/components/MkPostForm.vue	100.00% <100.00%> (ø)
...ntend/src/components/MkReactionsViewer.details.vue	100.00% <100.00%> (ø)

... and 22 files with indirect coverage changes

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

[github-actions]

このPRによるapi.jsonの差分

差分はこちら

--- base
+++ head
@@ -61391,12 +61391,6 @@
             "optional": false,
             "nullable": true,
             "format": "date-time"
-          },
-          "latestRequestReceivedAt": {
-            "type": "string",
-            "optional": false,
-            "nullable": true,
-            "format": "date-time"
           }
         },
         "required": [
@@ -61421,8 +61415,7 @@
           "faviconUrl",
           "themeColor",
           "isSilenced",
-          "infoUpdatedAt",
-          "latestRequestReceivedAt"
+          "infoUpdatedAt"
         ]
       },
       "GalleryPost": {

Get diff files from Workflow Page

[syuilo]

これやるとナビゲーションバーが無駄にスクロール発生するようにならない？

[syuilo]

あーこのコミット 5fb6847 でナビゲーションバーの幅を微調整したことにより奇跡的にデコレーションが収まるようになってスクロール発生しなくなったっぽいけど、あくまで現状奇跡的に一致してるだけだから今後何かしらの変更によってスクロール発生するようになる可能性は高い

[syuilo]

だから overflow: clip を消す以外の方法で対応する必要がありそう

[zyoshoka]

margin か padding で微調整してみます

[zyoshoka]

上下 20px の余白にしました（ノートボタンとアカウントの間が 4px だけ広がります）

[zyoshoka]

ノートプレビューについても対応しました（他にあるかしら）

[zyoshoka]

リアクション一覧で途切れていた問題を修正しました
Related to #10445

[zyoshoka]

他にはなさそう

[syuilo]

🙏