created frontend with login, room listing and creation, and message page with all features

src/api/messages.ts

@@ -0,0 +1,17 @@
+import { apiFetch } from './client'
+import type { Message } from '../types/api'
+
+export function fetchMessages(roomUuid: string) {
+  return apiFetch<Message[]>(`/messages/${roomUuid}`)
+}
+
+export function sendMessage(roomUuid: string, content: string) {
+  return apiFetch<Message>(`/messages/${roomUuid}`, {
+    method: 'POST',
+    body: JSON.stringify({
+      message_type: 'text',
+      content,
+    }),
+  })
+}
+