Fix frontend API URL - use localhost instead of Docker DNS

The frontend container serves static files to the browser on the host machine.
When the browser makes HTTP requests from JavaScript, it runs in the host context,
not the Docker container context. Therefore it needs to use localhost:8000,
not api:8000 (which only works from inside Docker containers).

Changed: API_BASE_URL from 'http://api:8000' to 'http://localhost:8000'

This fixes the 'net::ERR_NAME_NOT_RESOLVED' error when trying to reach the API.

Co-authored-by: Copilot <[email protected]>

docker-compose.yml

@@ -88,10 +88,10 @@ services:
       retries: 5
     environment:
       - NODE_ENV=production
-      - VITE_API_URL=http://api:8000
+      - VITE_API_URL=http://localhost:8000
     restart: unless-stopped
     # NOTE: All services now run in Docker on the same network
-    # Frontend: http://api:8000 (Docker service name resolution)
+    # Frontend: http://localhost:8000 (Docker service name resolution)
     # Consumer: Still runs on host, connects to kafka:29092
 
 volumes:

frontend/src/App.tsx

@@ -28,8 +28,8 @@ interface Result {
   timestamp: string;
 }
 
-// Default to Docker API service name (will be overridden by environment variable if needed)
+// Use localhost when browser accesses from host machine
-const API_BASE_URL = 'http://api:8000';
+const API_BASE_URL = 'http://localhost:8000';
 
 const App: React.FC = () => {
   const [auth, setAuth] = useState<AuthState>({