added frame on posts

src/App.js

@@ -1,5 +1,6 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { AuthProvider } from './context/AuthContext';
+import { ThemeProvider } from './context/ThemeContext';
 import RegisterPage from './components/Authentication';
 import MainFeed from './components/MainFeed';
 import ChatPage from './components/ChatPage';
@@ -9,6 +10,7 @@ import './styles/chat.css';
 
 function App() {
   return (
+      <ThemeProvider>
       <AuthProvider>
         <BrowserRouter>
           <Routes>
@@ -21,8 +23,9 @@ function App() {
             <Route path="/chats/:chatId" element={<ChatPage />} />
           </Routes>
         </BrowserRouter>
-      </AuthProvider>
-  );
-}
-
-export default App;
+        </AuthProvider>
+      </ThemeProvider>
+    );
+  }
+  
+  export default App;