Update App.tsx

src/App.tsx

@@ -12,9 +12,6 @@ import { AuthProvider, useAuth } from './contexts/AuthContext';
 import { ListingProvider } from './contexts/ListingContext';
 import Register from './pages/Register';
 
-//register button route
-<Route path="/register" element={<Register />} />
-
 // Protected route component
 const ProtectedRoute: React.FC<{
   children: React.ReactNode;
@@ -62,6 +59,9 @@ function App() {
             <Route path="/listings/:id" element={<MainLayout><ListingDetail /></MainLayout>} />
             <Route path="/login" element={<Login />} />
             
+            {/* ADD THIS LINE - The fix for your button */}
+            <Route path="/register" element={<Register />} />
+
             {/* Protected admin routes */}
             <Route
               path="/admin/dashboard"