fix: react suspense

src/app/detail/page.tsx

@@ -2,7 +2,7 @@
 
 import Image from 'next/image';
 import { useSearchParams } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { Suspense, useEffect, useState } from 'react';
 
 import type { PlayRecord } from '@/lib/db.client';
 import { generateStorageKey, getAllPlayRecords } from '@/lib/db.client';
@@ -10,7 +10,7 @@ import { VideoDetail } from '@/lib/video';
 
 import PageLayout from '@/components/PageLayout';
 
-export default function DetailPage() {
+function DetailPageClient() {
   const searchParams = useSearchParams();
   const [detail, setDetail] = useState<VideoDetail | null>(null);
   const [loading, setLoading] = useState(true);
@@ -269,3 +269,11 @@ export default function DetailPage() {
     </PageLayout>
   );
 }
+
+export default function DetailPage() {
+  return (
+    <Suspense>
+      <DetailPageClient />
+    </Suspense>
+  );
+}