[direct-messaging] Implement sending direct messages (Frontend)

[TheFourthKaramazov]

User Story (Frontend)

As a user, I want to send a direct message so that I can privately communicate with another user.

Description

The frontend should provide an input field for users to type and send messages. Messages should be sent over WebSockets and appear instantly in the chat window.

Tasks (Frontend - Vue.js, WebSockets, Vuex/Pinia)

• Implement a message input field in the direct message UI.
• Capture user input and send the message via WebSockets.
• Display the sent message instantly in the chat window.

Acceptance Criteria

• A user can type a message and press send.
• The message appears in the chat window immediately.
• The message is sent over WebSockets.

Priority

High

Labels

• frontend
• direct-messaging
• core-feature