feat(app-list): 並び替え可能なサービス一覧

[uni-kakurenbo]

概要

サービスグリッドの配置をドラッグで弄れるようになります．(タッチデバイスの場合は長押し)

• refactor: sortablejs 関連のコードを useSortable composable として切り出す
• feat: サービス一覧の並び順を保存するための app/appList store を作成
• feat: CSS によって描画された Grid の行列情報を取得する useGridLayout composable を作成
• feat: サービス一覧をドラッグアンドドロップによって並び替えられるようにする
  • feat: 並び順をデフォルトのものにリセットするためのボタンを配置
• refactor: 並び順を保存するための処理を，sortablejs の store オプションを用いたより簡潔なものに変更
• refactor: StampPaletteEditorSortableStampList の実装を useSortable を用いたものにする

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

cf. https://q.trap.jp/channels/services/feedback?message=01992ec4-f1a4-7426-aa35-9c1c28e4aa89

PR を出す前の確認事項

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

懸念点

• 「並び順をリセット」ボタンの配置やデザインについては議論の余地があると思います．

[github-actions]

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 61.50%. Comparing base (f873ea3) to head (b0e8ffe).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #4776      +/-   ##
==========================================
+ Coverage   61.32%   61.50%   +0.17%     
==========================================
  Files         100      100              
  Lines        2904     2904              
  Branches      604      604              
==========================================
+ Hits         1781     1786       +5     
+ Misses       1031     1022       -9     
- Partials       92       96       +4     

☔ 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.