fix: change API_BASE for hugging face domain and add spacing for tooltips

toothmap_frontend/src/App.jsx

@@ -2,7 +2,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import axios from 'axios';
 import { UploadCloud, Activity, Loader2, ScanLine, X } from 'lucide-react';
 
-const API_BASE = "http://127.0.0.1:8000";
+const API_BASE = window.location.origin.includes('localhost') || window.location.origin.includes('127.0.0.1') ? "http://127.0.0.1:8000" : window.location.origin;
 
 const MODES = [
   {
@@ -365,7 +365,7 @@ export default function App() {
       </div>
 
       {/* ── Main Content ───────────────────────────────────────────────────── */}
-      <main className="flex-1 flex flex-col items-center px-3 sm:px-6 py-6 gap-5 overflow-auto">
+      <main className="flex-1 flex flex-col items-center px-3 sm:px-6 pt-16 pb-6 gap-5 overflow-auto">
 
         {/* Image Upload zone */}
         <div