feat: rewrite project

src/app/studies/[id]/page.tsx

@@ -0,0 +1,15 @@
+export default async function StudyPage({ params }: { params: { id: string } }) {
+  const study = await db.query.studies.findFirst({
+    where: (studies, { eq }) => eq(studies.id, params.id),
+    with: { experiments: true }
+  })
+
+  return (
+    <div className="max-w-6xl mx-auto p-6">
+      <StudyHeader study={study} />
+      <Suspense fallback={<ExperimentListSkeleton />}>
+        <ExperimentList studyId={params.id} />
+      </Suspense>
+    </div>
+  )
+}