feat: add npm build steps for GitHub Actions

[dotani1111]

概要(Overview・Refs Issue)

github actinos中でSassやJsライブラリをビルドするようにしました。
また、Topページのでスクショを撮るようにしています。
npmパッケージのアップデートに伴う動作確認のテストが自動で終わり、楽になります。

方針(Policy)

実装に関する補足(Appendix)

管理画面はログイン画面です。
ログイン後のトップ画面を取る方法はありますか？
いい感じのE2Eを流すぐらいしか思いつきませんでした。。

テスト（Test)

相談（Discussion）

マイナーバージョン互換性保持のための制限事項チェックリスト

• 既存機能の仕様変更はありません
• フックポイントの呼び出しタイミングの変更はありません
• フックポイントのパラメータの削除・データ型の変更はありません
• twigファイルに渡しているパラメータの削除・データ型の変更はありません
• Serviceクラスの公開関数の、引数の削除・データ型の変更はありません
• 入出力ファイル(CSVなど)のフォーマット変更はありません

レビュワー確認項目

• 動作確認
• コードレビュー
• E2E/Unit テスト確認(テストの追加・変更が必要かどうか)
• 互換性が保持されているか
• セキュリティ上の問題がないか
  • 権限を超えた操作が可能にならないか
  • 不要なファイルアップロードがないか
  • 外部へ公開されるファイルや機能の追加ではないか
  • テンプレートでのエスケープ漏れがないか

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.78%. Comparing base (5d33f08) to head (20ad514).
Report is 4 commits behind head on 4.3.

Additional details and impacted files

@@            Coverage Diff             @@
##              4.3    #6221      +/-   ##
==========================================
- Coverage   82.79%   82.78%   -0.01%     
==========================================
  Files         480      480              
  Lines       26419    26419              
==========================================
- Hits        21873    21872       -1     
- Misses       4546     4547       +1     

Flag	Coverage Δ
E2E	82.78% <ø> (-0.01%)	⬇️
Unit	82.78% <ø> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

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

[nanasess]

@dotani1111

ログイン後のトップ画面を取る方法はありますか？
いい感じのE2Eを流すぐらいしか思いつきませんでした。。

E2Eテストでスクリーンショットを撮るのがよさそうですね。
https://codeception.com/docs/modules/WebDriver#_saveScreenshot
Codeception だと文字化けするかもしれません。
Playwright の方が簡単かも。
https://playwright.dev/docs/screenshots