fix: wrap invoices page in Suspense boundary for useSearchParams

Author: ralyodio

src/app/invoices/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { authFetch } from '@/lib/auth/client';
@@ -346,7 +346,7 @@ function ClientsTab() {
 }
 
 // ─── Main Page with Tabs ─────────────────────────────────────────
-export default function InvoicesPage() {
+function InvoicesPageContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
   const initialTab = searchParams.get('tab') === 'clients' ? 'clients' : 'invoices';
@@ -400,3 +400,11 @@ export default function InvoicesPage() {
     </div>
   );
 }
+
+export default function InvoicesPage() {
+  return (
+    <Suspense fallback={<div className="min-h-screen bg-gray-900 flex items-center justify-center"><div className="animate-spin rounded-full h-12 w-12 border-b-2 border-purple-400" /></div>}>
+      <InvoicesPageContent />
+    </Suspense>
+  );
+}