added files in git

src/App.js

@@ -1,6 +1,8 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { AuthProvider } from './context/AuthContext';
 import { ThemeProvider } from './context/ThemeContext';
+import { useAuthContext } from './context/AuthContext';
+import { useUnreadSocket } from './hooks/useUnreadSocket';
 import RegisterPage from './components/Authentication';
 import MainFeed from './components/MainFeed';
 import ChatPage from './components/ChatPage';
@@ -8,10 +10,17 @@ import ChatListPage from './components/ChatListPage';
 import ReviewsPage from './components/ReviewsPage';
 import './styles/chat.css';
 
+function UnreadListener() {
+  const { user } = useAuthContext();
+  useUnreadSocket(user?.id);
+  return null;
+}
+
 function App() {
   return (
       <ThemeProvider>
       <AuthProvider>
+        <UnreadListener />
         <BrowserRouter>
           <Routes>
             <Route path="/" element={<Navigate to="/feed" replace />} />