fix: より古いメッセージを新たに読み込んだとき、スクロール位置が下にずれてしまう問題を修正

[yas-ako]

概要

メッセージ読み込み直後, MessagesScroller.vue の watch によるスクロール位置調整が行われているとき、useMessageScrollerElementResizeObserver.ts による位置調整を無効化することで、別々の場所でレイアウト調整が同時に行われることを防ぐ

なぜこの PR を入れたいのか

close #4976

動作確認の手順

UI 変更部分のスクリーンショット

before

after

PR を出す前の確認事項

• （機能の追加なら）追加することの合意がチームで取れている
  • 取れていない場合はチェックを外して PR にすれば OK
• 動作確認ができている
• 自分で一度コードを眺めて自分的に問題はなさそう

見てほしいところ・聞きたいことなど

画像がたくさん投稿されたチャンネルで問題がなさそうなことを確認した
問題が起きていない下方向へのスクロールについては、正しい挙動を維持できていそう
他のバグを引き起こしていないか確かめる必要がある

[github-actions]

Preview (prod) → https://4977-prod.traq-preview.trapti.tech/
Preview (dev) → https://4977-dev.traq-preview.trapti.tech/

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 60.89%. Comparing base (88bf296) to head (c972a78).
⚠️ Report is 12 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #4977   +/-   ##
=======================================
  Coverage   60.89%   60.89%           
=======================================
  Files         102      102           
  Lines        2969     2969           
  Branches      614      614           
=======================================
  Hits         1808     1808           
  Misses       1067     1067           
  Partials       94       94           

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cp-20]

ありがとう

軽く動作確認した感じは大丈夫そうなので Approve しておきます

欲を言えば e2e テストとかをかけると良いですね

[yas-ako]

依然としてスクロール位置の調整を行うコードが別々の場所に分かれたままになってしまっているので、一箇所にまとめたい