feat: add messages feature

.env.example

@@ -2,4 +2,5 @@ VITE_BASE_URL="http://localhost:3000/api/v1"
 VITE_SPACE_URL="http://localhost:5403"
 VITE_SPACE_API_KEY=""
 VITE_LOG_LEVEL="info"
-VITE_CDN_DOMAIN="s3-cdn-server-for-retrieving-files"
+VITE_CDN_DOMAIN="s3-cdn-server-for-retrieving-files"
+VITE_SOCIAL_WS_URL="http://localhost:3004"

package.json

@@ -19,6 +19,7 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.9.6",
     "recharts": "^3.5.0",
+    "socket.io": "^4.8.3",
     "space-react-client": "^0.3.0",
     "wavesurfer.js": "^7.11.1",
     "zustand": "^5.0.9"

public/config.js

@@ -4,8 +4,6 @@ window.RUNTIME_CONFIG = {
   VITE_CDN_DOMAIN: "s3-cdn-server-for-retrieving-files",
   VITE_SPACE_URL: "http://localhost:5403",
   VITE_SPACE_API_KEY: "",
-  // Analytics SSE endpoint - DEBE pasar por API Gateway para que añada headers de auth
-  // En desarrollo: http://localhost:3000 (API Gateway)
-  // En producción: https://api.socialbeats.es/socialbeats-api
-  VITE_ANALYTICS_SERVICE_URL: "http://localhost:3000"
+  VITE_ANALYTICS_SERVICE_URL: "http://localhost:3003",
+  VITE_SOCIAL_WS_URL: "http://localhost:3004"
 };

src/App.jsx

@@ -34,6 +34,9 @@ import PlaylistDetails from './pages/app/beats-interaction/playlist/PlaylistDeta
 import ForgotPassword from './pages/auth/ForgotPassword';
 import ResetPassword from './pages/auth/ResetPassword';
 import VerifyEmail from './pages/auth/VerifyEmail';
+import MessagingLayout from './pages/app/messages/MessagingLayout';
+import ConversationsPage from './pages/app/messages/ConversationsPage.jsx';
+import ConversationThreadPage from './pages/app/messages/ConversationThreadPage.jsx';
 
 function App() {
   const spaceClient = useSpaceClient();
@@ -81,10 +84,15 @@ function App() {
           <Route path="explore" element={<ExplorePage />} />
           <Route path="upload" element={<Feed />} />
           <Route path="library" element={<Feed />} />
-          <Route path="messages" element={<Feed />} />
           <Route path="profile" element={<ProfileView />} />
           <Route path="profile/:username" element={<ProfileView />} />
 
+          {/* Rutas de Mensajería */}
+          <Route path="messages" element={<MessagingLayout />}>
+            <Route index element={<ConversationsPage />} />
+            <Route path=":id" element={<ConversationThreadPage />} />
+          </Route>
+
           {/* Rutas del microservicio Dashboards */}
           <Route path="/app/dashboards" element={<DashboardsPage />} />
           <Route path="/app/dashboards/create" element={<CreateDashboards />} />