no separate login/register page, use modal throughout

frontend/src/App.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import { AuthProvider } from './contexts/AuthContext';
+import { AuthProvider, useAuth } from './contexts/AuthContext';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
+import AuthModal from './components/AuthModal';
 import Home from './pages/Home';
-import Login from './pages/Login';
-import Register from './pages/Register';
 import GoogleCallback from './pages/GoogleCallback';
 import VerifyEmail from './pages/VerifyEmail';
 import ItemList from './pages/ItemList';
@@ -27,17 +26,17 @@ import EarningsDashboard from './pages/EarningsDashboard';
 import PrivateRoute from './components/PrivateRoute';
 import './App.css';
 
-function App() {
+const AppContent: React.FC = () => {
+  const { showAuthModal, authModalMode, closeAuthModal } = useAuth();
+
   return (
-    <AuthProvider>
+    <>
       <Router>
         <div className="d-flex flex-column min-vh-100">
           <Navbar />
           <main className="flex-grow-1">
             <Routes>
           <Route path="/" element={<Home />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/register" element={<Register />} />
           <Route path="/auth/google/callback" element={<GoogleCallback />} />
           <Route path="/verify-email" element={<VerifyEmail />} />
           <Route path="/items" element={<ItemList />} />
@@ -138,6 +137,20 @@ function App() {
           <Footer />
         </div>
       </Router>
+
+      <AuthModal
+        show={showAuthModal}
+        onHide={closeAuthModal}
+        initialMode={authModalMode}
+      />
+    </>
+  );
+};
+
+function App() {
+  return (
+    <AuthProvider>
+      <AppContent />
     </AuthProvider>
   );
 }