Fix build errors: ESLint warnings and Suspense boundary

- Fix useCallback dependency array by removing unnecessary firstName/lastName dependencies
- Wrap useSearchParams in Suspense boundary to fix Next.js build error
- Refactor CompleteProfile component into CompleteProfileContent with Suspense wrapper
- Add proper loading fallback for Suspense boundary
- Resolve all build and linting issues for production deployment

Author: Deepak Pandey

app/complete-profile/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { createClient } from '@/lib/supabase/client';
@@ -22,7 +22,7 @@ interface User {
   };
 }
 
-export default function CompleteProfile() {
+function CompleteProfileContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const returnUrl = searchParams.get('returnUrl') || '/protected/dashboard';
@@ -125,7 +125,7 @@ export default function CompleteProfile() {
     } finally {
       setIsValidating(false);
     }
-  }, [router, firstName, lastName]);
+  }, [router, returnUrl]);
 
   useEffect(() => {
     checkUser();
@@ -490,3 +490,19 @@ export default function CompleteProfile() {
     </div>
   );
 }
+
+export default function CompleteProfile() {
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-muted/30 to-muted/50">
+        <div className="relative">
+          <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary border-t-transparent"></div>
+          <div className="absolute inset-0 rounded-full border-4 border-primary/20 animate-ping"></div>
+        </div>
+        <span className="ml-4 text-lg text-muted-foreground">Loading...</span>
+      </div>
+    }>
+      <CompleteProfileContent />
+    </Suspense>
+  );
+}