fix: 設定とコンパネでPageMetadataが切り替わらない問題など (taiyme/misskey#186)

[taiyme]

What

• 設定/コンパネでPageMetadataが切り替わらない問題を修正しました
• メニュー部分とメイン部分のスクロールを独立するようにしました

Why

resolve #13450

ただし、以下の問題について根本的な修正は実施していません。 (いずれ別のPRで。 https://github.com/misskey-dev/misskey/pull/12836#issuecomment-1975903565 の実装を待ちたい)

ユーザーページだと「コントロールパネル」の名前が長いのでスマホで見ると照会のボタンが右に溢れている

Additional info (optional)

Cherry-picked from taiyme/misskey

• https://github.com/taiyme/misskey/commit/b224024b584a0333400a024a431d0d40b60253bb
• https://github.com/taiyme/misskey/commit/f74296a5d9420d79a517eb57292b4688a6c61212
• https://github.com/taiyme/misskey/commit/006d8c4f27595324124c25c8f139a25934ad02f5

Note:

• admin/_header_.vue を削除し、MkPageHeaderに置き換えました
  • admin/_header_.vue で使用していたheaderActionsのasFullButtonオプションをMkPageHeaderで実装しました
• MkStickyContainerのcalcなどの挙動を若干変更しました
  • setTimeoutを削除していますが、なにか意図を持って実施しているのであれば差し戻してください
  • (ただし、設定/コンパネのindex→childページ遷移時にvar(--stickyTop)分だけチラついてしまうが…)

Checklist

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

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 77.93%. Comparing base (e9e877f) to head (bec0014).

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #13530      +/-   ##
===========================================
+ Coverage    77.90%   77.93%   +0.02%     
===========================================
  Files          185      185              
  Lines        25504    25531      +27     
  Branches       487      487              
===========================================
+ Hits         19870    19897      +27     
  Misses        5627     5627              
  Partials         7        7              

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

[tai-cha]

/preview

[taiyme]

draft外しました！

[syuilo]

/preview

[taiyme]

スクロールの扱い的に、クラシックUIで都合が悪そう

[taiyme]

コンフリクト解消

[syuilo]

/preview

[taiyme]

コンフリクト解消