🐛 fix: WebSocket再接続ロジックおよび状態管理の改善

[yuminn-k]

🔍 このPRで解決したい問題は何ですか？

実装した機能や解決した課題、PRを開くきっかけや目的をReviewerが理解しやすいように書いてください。
バックログのリンク、ダイアグラム、Figmaなどの関連ドキュメントを添付するとより良いです。

✨ このPRで主に変わったことは何ですか？

問題を解決しながら、主な変更点を書いてください。

🔖 主な変更点以外に追加で変更された部分はありますか？

ない場合は「なし」と記載してください。

🙏🏻 Reviewerに特に見ていただきたい部分はありますか？

開発過程で他の方の意見が気になったり、クロスチェックが必要だと感じたコードがあれば教えてください。

🩺 このPRでテストや検証が必要な部分はありますか？

テストが必要な項目やテストコードが追加されたら一緒に書いてください。

📚 関連するIssueやJira、ドキュメント

このPRが解決しようとしている問題に関連するIssueやドキュメント、Jiraがあればリンクを記載してください。Jiraの場合タイトルの形で添付してください。

🖥 作動する様子

スクリーンショットや録画したビデオ、またはgifを追加して、Reviewerが変更点を理解するのに役立ててください。

📌 PRを行う際の注意点

• Reviewerはコードレビュー時に良いコードの方向性を示しますが、コード修正を強制することはありません。
• Reviewerは良いコードを見つけた場合、賞賛と励ましを惜しみません。
• レビューは特別なケースでない限り、Reviewerに指定された時点から3日以内に行ってください。
• コメント作成時にPrefixにP1、P2、P3を書いていただくと、Assigneeがより明確にコメントに対して対応することができます。
  • P1 : 必ず反映してください (Request Changes) - 問題が発生したり、脆弱性が発見されたケースなど。
  • P2 : 反映を積極的に検討していただければと思います (コメント)。
  • P3 : こんな方法もあるんじゃないかな～などの些細な意見です (Chore)。