fix: Add missing backend dependencies and implement connection debugger

Dockerfile

@@ -27,7 +27,8 @@ RUN apt-get update && apt-get install -y \
 COPY backend/requirements.txt ./backend/
 RUN pip install --no-cache-dir -r backend/requirements.txt
 # Install missing deps found earlier
-RUN pip install --no-cache-dir sqlalchemy==2.0.49 pymysql cryptography
+# Install missing deps found earlier
+RUN pip install --no-cache-dir sqlalchemy==2.0.49 pymysql cryptography pydantic-settings slowapi pypdf python-multipart
 
 COPY backend/ ./backend/
 

frontend/components/SystemInfo.tsx

@@ -6,6 +6,17 @@ import { syncDatabase } from "../lib/api";
 export default function SystemInfo() {
   const [isSyncing, setIsSyncing] = useState(false);
   const [syncStatus, setSyncStatus] = useState<string | null>(null);
+  const [debugInfo, setDebugInfo] = useState<string>("");
+
+  const testConnection = async () => {
+    try {
+      const res = await fetch("/api/health");
+      const data = await res.json();
+      setDebugInfo(`Connection OK: ${JSON.stringify(data)}`);
+    } catch (e: any) {
+      setDebugInfo(`Connection Failed: ${e.message}`);
+    }
+  };
 
   const handleSync = async () => {
     setIsSyncing(true);
@@ -56,6 +67,22 @@ export default function SystemInfo() {
               {isSyncing ? "Initializing..." : "Seed Demo Data (Manual Sync)"}
             </button>
             {syncStatus && <p className="text-xs font-mono text-purple-400">{syncStatus}</p>}
+            
+            {/* Debug Area */}
+            <div className="mt-8 pt-8 border-t border-white/5 w-full">
+              <button 
+                onClick={testConnection}
+                className="text-[10px] font-bold text-slate-500 hover:text-white uppercase tracking-widest transition"
+              >
+                [ Test API Connection ]
+              </button>
+              {debugInfo && (
+                <div className="mt-4 p-4 rounded-xl bg-black/40 border border-white/5 text-left">
+                  <p className="text-[10px] font-mono text-cyan break-all">{debugInfo}</p>
+                </div>
+              )}
+            </div>
+            
             <p className="text-[10px] text-slate-500 max-w-xs uppercase tracking-widest">Use this if the dashboard shows 0 items on first load</p>
           </div>