update

src/App.js

@@ -5,7 +5,9 @@ import Footer from './components/Footer';
 import Home from './pages/Home';
 import About from './pages/About';
 import PostList from './pages/PostList';
+import PostDetail from './pages/PostDetail';
 import PostCreate from './pages/PostCreate';
+import PostEdit from './pages/PostEdit';
 import PostCategory from './pages/PostCategory';
 import Login from './pages/Login';
 import { AuthProvider } from './context/AuthContext';
@@ -21,7 +23,9 @@ function App() {
               <Route path="/" element={<Home />} />
               <Route path="/about" element={<About />} />
               <Route path="/posts" element={<PostList />} />
+              <Route path="/posts/:id" element={<PostDetail />} />
               <Route path="/postCreate" element={<PostCreate />} />
+              <Route path="/posts/:id/edit" element={<PostEdit />} />
               <Route path="/post/:category" element={<PostCategory />} />
               <Route path="/login" element={<Login />} />
             </Routes>