Move company tabs below stats on invoices page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/client/MyInvoices.jsx

@@ -55,6 +55,21 @@ export default function MyInvoices() {
         </div>
       </div>
 
+      <div className="stats-grid" style={{ marginBottom: 24 }}>
+        <div className="stat-card stat-card-highlight">
+          <div className="stat-value" style={{ fontSize: 22 }}>${outstanding.toFixed(2)}</div>
+          <div className="stat-label">Outstanding</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-value" style={{ fontSize: 22 }}>${paid.toFixed(2)}</div>
+          <div className="stat-label">Paid</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-value" style={{ fontSize: 22, color: overdueCount > 0 ? 'var(--danger)' : undefined }}>{overdueCount}</div>
+          <div className="stat-label">Overdue</div>
+        </div>
+      </div>
+
       {companies.length > 1 && (
         <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }} className="card-title">
           {companies.map((company, index) => (
@@ -76,21 +91,6 @@ export default function MyInvoices() {
         </div>
       )}
 
-      <div className="stats-grid" style={{ marginBottom: 24 }}>
-        <div className="stat-card stat-card-highlight">
-          <div className="stat-value" style={{ fontSize: 22 }}>${outstanding.toFixed(2)}</div>
-          <div className="stat-label">Outstanding</div>
-        </div>
-        <div className="stat-card">
-          <div className="stat-value" style={{ fontSize: 22 }}>${paid.toFixed(2)}</div>
-          <div className="stat-label">Paid</div>
-        </div>
-        <div className="stat-card">
-          <div className="stat-value" style={{ fontSize: 22, color: overdueCount > 0 ? 'var(--danger)' : undefined }}>{overdueCount}</div>
-          <div className="stat-label">Overdue</div>
-        </div>
-      </div>
-
       {loading ? (
         <p style={{ color: 'var(--text-muted)' }}>Loading...</p>
       ) : visible.length === 0 ? (