fix(compare): wrap CompareClient in Suspense boundary to fix Next.js build error with useSearchParams

Author: code-with-abhi-i5

app/compare/page.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from 'react';
 import type { Metadata } from 'next';
 import CompareClient from './CompareClient';
 
@@ -12,5 +13,15 @@ export const metadata: Metadata = {
 };
 
 export default function ComparePage() {
-  return <CompareClient />;
+  return (
+    <Suspense
+      fallback={
+        <div className="min-h-screen flex items-center justify-center pt-28 pb-16">
+          <div className="w-8 h-8 rounded-full border-2 border-emerald-500 border-t-transparent animate-spin"></div>
+        </div>
+      }
+    >
+      <CompareClient />
+    </Suspense>
+  );
 }