Add suspense to fix deployment

changelog_entry.yaml

@@ -0,0 +1,4 @@
+- bump: patch
+  changes:
+    fixed:
+    - Add suspense to fix vercel deployment issue.

examples/pipeline.py

@@ -264,7 +264,3 @@ def run_full_pipeline(output_path="microimpute_results.csv"):
     results_df = run_full_pipeline(
         output_path="microimputation-dashboard/public/microimputation_results.csv"
     )
-
-    # Display a preview of the results
-    print("Preview of formatted results (first 10 rows):")
-    print(results_df.head(10))

microimputation-dashboard/app/page.tsx

@@ -1,14 +1,14 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { useSearchParams } from 'next/navigation';
 import FileUpload from '@/components/FileUpload';
 import VisualizationDashboard from '@/components/VisualizationDashboard';
 import { parseImputationCSV } from '@/utils/csvParser';
 import { ImputationDataPoint } from '@/types/imputation';
 import { parseDeeplinkParams, GitHubArtifactInfo } from '@/utils/deeplinks';
 
-export default function Home() {
+function HomeContent() {
   const [data, setData] = useState<ImputationDataPoint[]>([]);
   const [fileName, setFileName] = useState<string>('');
   const [showDashboard, setShowDashboard] = useState(false);
@@ -173,3 +173,18 @@ export default function Home() {
     </main>
   );
 }
+
+export default function Home() {
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
+        <div className="text-center">
+          <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mb-4" />
+          <p className="text-gray-600">Loading...</p>
+        </div>
+      </div>
+    }>
+      <HomeContent />
+    </Suspense>
+  );
+}

microimputation-dashboard/components/FileUpload.tsx

@@ -312,7 +312,7 @@ export default function FileUpload({
 
         try {
           JSON.parse(additionalInfo);
-        } catch (e) {
+        } catch {
           throw new Error(
             `Invalid CSV format: Row ${i + 1} contains invalid JSON in the 'additional_info' column. ` +
             `Value: "${additionalInfo.substring(0, 50)}${additionalInfo.length > 50 ? '...' : ''}"`