fix(all)

frontend/src/App.jsx

@@ -4,6 +4,7 @@ import AddItem from "./pages/AddItem";
 import AuthForm from "./components/AuthForm";
 import About from "./pages/About";
 import Shop from "./pages/Shop";
+import NotFoundPage from "./pages/NotFoundPage";
 
 const PrivateRoute = ({ children }) => {
   const token = localStorage.getItem("token");
@@ -19,38 +20,12 @@ export default function App() {
     <BrowserRouter>
       <Routes>
         <Route path="/login" element={<AuthForm />} />
-        <Route
-          path="/"
-          element={
-            <PrivateRoute>
-              <Main />
-            </PrivateRoute>
-          }
-        />
-        <Route
-          path="/add_item"
-          element={
-            <PrivateRoute>
-              <AddItem />
-            </PrivateRoute>
-          }
-        />
-        <Route
-          path="/about"
-          element={
-            <PrivateRoute>
-              <About />
-            </PrivateRoute>
-          }
-        />
-        <Route
-          path="/shop"
-          element={
-            <PrivateRoute>
-              <Shop />
-            </PrivateRoute>
-          }
-        />
+        <Route path="/" element={<Main />} />
+        <Route path="/add_item" element={<AddItem />} />
+        <Route path="/about" element={<About />} />
+        <Route path="/shop" element={<Shop />} />
+
+        <Route path="*" element={<NotFoundPage />} />
       </Routes>
     </BrowserRouter>
   );