added chat with another users

src/App.js

@@ -2,6 +2,9 @@ import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { AuthProvider } from './context/AuthContext';
 import RegisterPage from './components/Authentication';
 import MainFeed from './components/MainFeed';
+import ChatPage from './components/ChatPage';
+import ChatListPage from './components/ChatListPage';
+import './styles/chat.css';
 
 function App() {
   return (
@@ -12,6 +15,8 @@ function App() {
 
             <Route path="/register" element={<RegisterPage />} />
             <Route path="/feed" element={<MainFeed />} />
+            <Route path="/chats" element={<ChatListPage />} />
+            <Route path="/chats/:chatId" element={<ChatPage />} />
           </Routes>
         </BrowserRouter>
       </AuthProvider>