Fix CORS errors by replacing hardcoded localhost URLs with relative API paths

- Change /api/infer-aw-contour from http://localhost:8000/api/infer-aw-contour
- Change /api/infer-cervix-bbox from http://localhost:8000/api/infer-cervix-bbox
- Change /infer/image from http://localhost:8000/infer/image
- This allows frontend to work correctly in HF Space environment
- Relative URLs work on same origin as frontend in production

Fixes CORS error: 'Access to fetch... from origin has been blocked by CORS policy'

src/components/AceticAnnotator.tsx

@@ -168,7 +168,7 @@ const AceticAnnotatorComponent = forwardRef<AceticAnnotatorHandle, AceticAnnotat
 
       console.log('🚀 Sending to backend with image dimensions:', imageDimensions);
 
-      const backendResponse = await fetch('http://localhost:8000/api/infer-aw-contour', {
+      const backendResponse = await fetch('/api/infer-aw-contour', {
         method: 'POST',
         body: formData,
       });

src/pages/AcetowhiteExamPage.tsx

@@ -176,7 +176,7 @@ export function AcetowhiteExamPage({ goBack, onNext }: Props) {
 
       const formData = new FormData();
       formData.append('file', blob, 'image.jpg');
-      const backendResponse = await fetch('http://localhost:8000/infer/image', {
+      const backendResponse = await fetch('/infer/image', {
         method: 'POST',
         body: formData,
       });

src/pages/GreenFilterPage.tsx

@@ -232,7 +232,7 @@ export function GreenFilterPage({ goBack, onNext }: Props) {
 
       const formData = new FormData();
       formData.append('file', blob, 'image.jpg');
-      const backendResponse = await fetch('http://localhost:8000/infer/image', {
+      const backendResponse = await fetch('/infer/image', {
         method: 'POST',
         body: formData,
       });

src/pages/GuidedCapturePage.tsx

@@ -244,7 +244,7 @@ export function GuidedCapturePage({ onNext, onGoToPatientRecords, initialMode, o
             const formData = new FormData();
             formData.append('file', blob, 'frame.jpg');
 
-            const response = await fetch('http://localhost:8000/infer/image', {
+            const response = await fetch('/infer/image', {
               method: 'POST',
               body: formData,
             });
@@ -548,7 +548,7 @@ export function GuidedCapturePage({ onNext, onGoToPatientRecords, initialMode, o
 
       console.log('🔄 Sending request to backend...');
       // Call cervix bbox detection endpoint
-      const backendResponse = await fetch('http://localhost:8000/api/infer-cervix-bbox', {
+      const backendResponse = await fetch('/api/infer-cervix-bbox', {
         method: 'POST',
         body: formData,
       });

src/pages/LugolExamPage.tsx

@@ -164,7 +164,7 @@ export function LugolExamPage({ goBack, onNext }: Props) {
 
       const formData = new FormData();
       formData.append('file', blob, 'image.jpg');
-      const backendResponse = await fetch('http://localhost:8000/infer/image', {
+      const backendResponse = await fetch('/infer/image', {
         method: 'POST',
         body: formData,
       });