Enhance billing and subscription management: Added payment method checks in ProtectedRoute, improved error handling in billing components, and optimized API calls to reduce throttling. Updated user account handling in various components to ensure accurate plan and subscription data display.

frontend/src/pages/admin/AdminAllAccountsPage.tsx

@@ -4,6 +4,7 @@
  */
 
 import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { Search, Filter, Loader2, AlertCircle } from 'lucide-react';
 import { Card } from '../../components/ui/card';
 import Badge from '../../components/ui/badge/Badge';
@@ -26,6 +27,7 @@ export default function AdminAllAccountsPage() {
   const [error, setError] = useState<string>('');
   const [searchTerm, setSearchTerm] = useState('');
   const [statusFilter, setStatusFilter] = useState('all');
+  const navigate = useNavigate();
 
   useEffect(() => {
     loadAccounts();
@@ -172,7 +174,10 @@ export default function AdminAllAccountsPage() {
                       {new Date(account.created_at).toLocaleDateString()}
                     </td>
                     <td className="px-6 py-4 text-right">
-                      <button className="text-blue-600 hover:text-blue-700 text-sm font-medium">
+                      <button
+                        className="text-blue-600 hover:text-blue-700 text-sm font-medium"
+                        onClick={() => navigate(`/admin/subscriptions?account_id=${account.id}`)}
+                      >
                         Manage
                       </button>
                     </td>