feat: unify real activity tracking, admin monitoring, and error UX

frontend/lib/api.ts

@@ -2,11 +2,14 @@ import axios from "axios"
 
 const API_BASE_URL = process.env.NEXT_PUBLIC_BACKEND_URL || "http://127.0.0.1:5000"
 
+console.log("🌐 API Base URL:", API_BASE_URL)
+
 const api = axios.create({
   baseURL: API_BASE_URL,
   headers: {
     "Content-Type": "application/json",
   },
+  timeout: 10000, // 10 second timeout
 })
 
 api.interceptors.request.use(
@@ -15,9 +18,34 @@ api.interceptors.request.use(
     if (token) {
       config.headers.Authorization = `Bearer ${token}`
     }
+    console.log("📤 API Request:", {
+      method: config.method?.toUpperCase(),
+      url: config.url,
+      baseURL: config.baseURL,
+    })
     return config
   },
   (error) => {
+    console.error("❌ Request interceptor error:", error)
+    return Promise.reject(error)
+  },
+)
+
+api.interceptors.response.use(
+  (response) => {
+    console.log("📥 API Response:", {
+      status: response.status,
+      url: response.config.url,
+    })
+    return response
+  },
+  (error) => {
+    console.error("❌ API Response error:", {
+      status: error.response?.status,
+      url: error.config?.url,
+      message: error.message,
+      code: error.code,
+    })
     return Promise.reject(error)
   },
 )