Enhance(frontend): ノート詳細画面にロールのバッジを表示

[shimmar]

What

上：修正前　下：修正後

Why

Fix #14058

Additional info (optional)

タイムラインでロールのバッジを表示している箇所（packages/frontend/src/components/MkNoteHeader.vue:16-18）とその周辺のコードを極力再利用しました。 こちらのリポジトリにプルリクエストを出すのは初めてなので、もし不手際があれば指摘いただけるとありがたいです。

Checklist

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

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 0% with 26 lines in your changes missing coverage. Please review.

Project coverage is 19.16%. Comparing base (a11b77a) to head (6de56a5). Report is 1 commits behind head on develop.

Files with missing lines	Patch %	Lines
...ackages/frontend/src/components/MkNoteDetailed.vue	0.00%	26 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #14946 +/- ## ============================================ - Coverage 39.47% 19.16% -20.32% ============================================ Files 1560 727 -833 Lines 197081 103562 -93519 Branches 3614 992 -2622 ============================================ - Hits 77803 19843 -57960 + Misses 118706 83164 -35542 + Partials 572 555 -17 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[syuilo]

👍🏻