updating page since hugging face uses reverse proxy

frontend/src/App.js

@@ -76,16 +76,15 @@ const getAPIURL = () => {
   
   // Get current protocol (http: or https:)
   const protocol = window.location.protocol;
+  const hostname = window.location.hostname;
   
-  // When running in production, use the same host with the backend port
-  // This works because we're exposing the backend port in docker-compose
-  // If port is 7860, use the same port (Hugging Face scenario)
-  const currentPort = window.location.port;
-  if (currentPort === '7860') {
-    return `${protocol}//${window.location.hostname}:${currentPort}`;
-  } else {
-    return `${protocol}//${window.location.hostname}:8000`;
+  // For Hugging Face deployment - use the same URL without specifying port
+  if (hostname.includes('hf.space')) {
+    return `${protocol}//${hostname}`;
   }
+  
+  // When running in other production environments, use port 8000
+  return `${protocol}//${hostname}:8000`;
 };
 
 const API_URL = process.env.REACT_APP_API_URL || getAPIURL();