ノートを畳む条件をclientHeightにする

[FineArchs]

#13266 がまとまっていませんが試作が出来たのでdraftで置いておきます。

What

現在は特定のMFM断片の検知や文字数カウントなどによってノートを畳む条件を決めていますが、
それを「ノートのclientHeightが一定値を超える」という条件一つに変更します。

Why

各種偽陰・偽陽を解消できると思います。

Additional info (optional)

具体的な手順としては、

• ノートの畳むべき領域を<div ref="collapsibleArea">で囲っておく
• 初期状態ではノートは畳まれているが「もっと見る」ボタンは表示されないようにしておく
• onMountedイベントでcollapsibleArea.value.clientHeightを計測し、一定値を上回るなら「もっと見る」を表示、下回るなら畳み状態を解除

という感じになります。
コンポーネントが一度レンダリングされるまで大きさが分からない以上どうしてもチラつき覚悟の処理になりますが、この手順で違和感を最小限に抑えられると思います。

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 ✅

Project coverage is 77.77%. Comparing base (f8261a1) to head (2e48608).
Report is 553 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #13287      +/-   ##
===========================================
- Coverage    79.95%   77.77%   -2.18%     
===========================================
  Files          956      183     -773     
  Lines       108864    25353   -83511     
  Branches      8413      487    -7926     
===========================================
- Hits         87045    19719   -67326     
+ Misses       21819     5627   -16192     
- Partials         0        7       +7     

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