claude

frontend/src/App.jsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { BrowserRouter, Routes, Route, NavLink } from "react-router-dom";
 import HomePage from "./pages/HomePage";
 import DebugPage from "./pages/DebugPage";
+import SettingsPage from "./pages/SettingsPage";
 import useProductStore from "./stores/useProductStore";
 import AddProductModal from "./components/products/AddProductModal";
 
@@ -35,6 +36,9 @@ const Header = () => {
           <NavLink to="/debug" className={({ isActive }) => isActive ? "active" : ""}>
             <i className="fa-solid fa-bug"></i> Debug
           </NavLink>
+          <NavLink to="/settings" className={({ isActive }) => isActive ? "active" : ""}>
+            <i className="fa-solid fa-cog"></i> Settings
+          </NavLink>
         </nav>
         <div className="actions">
           <button className="btn btn-primary" onClick={() => setShowAddModal(true)}>
@@ -63,6 +67,7 @@ const App = () => (
       <Routes>
         <Route path="/" element={<HomePage />} />
         <Route path="/debug" element={<DebugPage />} />
+        <Route path="/settings" element={<SettingsPage />} />
       </Routes>
     </div>
   </BrowserRouter>