real time messaging

frontend/src/App.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { AuthProvider, useAuth } from './contexts/AuthContext';
+import { SocketProvider } from './contexts/SocketContext';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
 import AuthModal from './components/AuthModal';
@@ -202,10 +203,20 @@ const AppContent: React.FC = () => {
   );
 };
 
+const AppWithSocket: React.FC = () => {
+  const { user } = useAuth();
+
+  return (
+    <SocketProvider isAuthenticated={!!user}>
+      <AppContent />
+    </SocketProvider>
+  );
+};
+
 function App() {
   return (
     <AuthProvider>
-      <AppContent />
+      <AppWithSocket />
     </AuthProvider>
   );
 }