major fixes

frontend/next.config.js

@@ -6,11 +6,11 @@ const nextConfig = {
     return [
       {
         source: '/api/:path*',
-        destination: 'http://localhost:3002/api/:path*',
+        destination: 'http://backend:3002/api/:path*',
       },
       {
         source: '/webhooks/:path*',
-        destination: 'http://localhost:3002/webhooks/:path*',
+        destination: 'http://backend:3002/webhooks/:path*',
       },
     ];
   },

frontend/src/app/dashboard/page.tsx

@@ -48,6 +48,7 @@ export default function DashboardPage() {
 	const [isLoading, setIsLoading] = useState(true);
 	const [isSearchModalOpen, setIsSearchModalOpen] = useState(false);
 	const [isBuyModalOpen, setIsBuyModalOpen] = useState(false);
+	const [refreshCount, setRefreshCount] = useState(0);
 
 	useEffect(() => {
 		if (!isAuthenticated) {
@@ -100,7 +101,9 @@ export default function DashboardPage() {
 
 	const handleRefresh = () => {
 		loadWalletAndPending();
+		loadCosts();
 		syncPending();
+		setRefreshCount((c) => c + 1);
 	};
 
 	if (isLoading)
@@ -277,7 +280,7 @@ export default function DashboardPage() {
 								</TabsTrigger>
 							</TabsList>
 							<TabsContent value="history" className="p-6 space-y-4">
-								<WatchHistory />
+								<WatchHistory key={refreshCount} />
 							</TabsContent>
 							<TabsContent value="requests" className="p-6 space-y-4">
 								<RequestHistory />
@@ -297,7 +300,7 @@ export default function DashboardPage() {
 								</h3>
 							</div>
 							<div className="max-h-[500px] overflow-y-auto pr-2 scrollbar-hide">
-								<ActivityFeed />
+								<ActivityFeed key={refreshCount} />
 							</div>
 						</div>