refactor: move socket emit/on methods to useChatUtils hook

[azr-arch]

Fixes Issue

My PR closes #664

👨‍💻 Changes proposed(What did you do ?)

• Moved all socket-related logic (both emit and on methods) from the Chat component to the useChatUtils hook.
• Created a setupSocketListeners function in useChatUtils to handle all socket event listeners (NEW_EVENT_RECEIVE_MESSAGE, NEW_EVENT_DELETE_MESSAGE, etc.) and cleanup.
• Updated the Chat component to use the refactored methods from useChatUtils.

✔️ Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.

Note to reviewers

📷 Screenshots

https://github.com/user-attachments/assets/ce4bbf0b-f63c-4a83-842b-2bfb47b09a6a
https://github.com/user-attachments/assets/d409ac3d-e39b-4e1a-a901-cabc6340023b

[vercel]

@azr-arch is attempting to deploy a commit to the dunsin's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
whisper-b2p2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 20, 2024 6:53am

[Dun-sin]

You did great, thanks for contributing, I hope you will stick around and continue to contribute to this project.

Consider giving this project a star, sharing the project with your friends, and joining the community discord server if you haven't for more resources and opportunities to connect with others. 👉🏽here👈🏽