Consolidate all study-dependent routes and UI

- Remove global experiments and plugins routes; redirect to study-scoped
  pages
- Update sidebar navigation to separate platform-level and study-level
  items
- Add study filter to dashboard and stats queries
- Refactor participants, trials, analytics pages to use new header and
  breadcrumbs
- Update documentation for new route architecture and migration guide
- Remove duplicate experiment creation route
- Upgrade Next.js to 15.5.4 in package.json and bun.lock

src/app/(dashboard)/studies/[id]/analytics/page.tsx

@@ -27,7 +27,8 @@ import {
   SelectTrigger,
   SelectValue,
 } from "~/components/ui/select";
-import { ManagementPageLayout } from "~/components/ui/page-layout";
+import { PageHeader } from "~/components/ui/page-header";
+import { useBreadcrumbsEffect } from "~/components/ui/breadcrumb-provider";
 import { useStudyContext } from "~/lib/study-context";
 import { useSelectedStudyDetails } from "~/hooks/useSelectedStudyDetails";
 
@@ -303,6 +304,14 @@ export default function StudyAnalyticsPage() {
   const { setSelectedStudyId, selectedStudyId } = useStudyContext();
   const { study } = useSelectedStudyDetails();
 
+  // Set breadcrumbs
+  useBreadcrumbsEffect([
+    { label: "Dashboard", href: "/dashboard" },
+    { label: "Studies", href: "/studies" },
+    { label: study?.name ?? "Study", href: `/studies/${studyId}` },
+    { label: "Analytics" },
+  ]);
+
   // Set the active study if it doesn't match the current route
   useEffect(() => {
     if (studyId && selectedStudyId !== studyId) {
@@ -311,19 +320,16 @@ export default function StudyAnalyticsPage() {
   }, [studyId, selectedStudyId, setSelectedStudyId]);
 
   return (
-    <ManagementPageLayout
-      title="Analytics"
-      description="Insights and data analysis for this study"
-      breadcrumb={[
-        { label: "Dashboard", href: "/dashboard" },
-        { label: "Studies", href: "/studies" },
-        { label: study?.name ?? "Study", href: `/studies/${studyId}` },
-        { label: "Analytics" },
-      ]}
-    >
+    <div className="space-y-6">
+      <PageHeader
+        title="Analytics"
+        description="Insights and data analysis for this study"
+        icon={BarChart3}
+      />
+
       <Suspense fallback={<div>Loading analytics...</div>}>
         <AnalyticsContent studyId={studyId} />
       </Suspense>
-    </ManagementPageLayout>
+    </div>
   );
 }

src/app/(dashboard)/studies/[id]/participants/page.tsx

@@ -2,8 +2,11 @@
 
 import { useParams } from "next/navigation";
 import { Suspense, useEffect } from "react";
+import { Users, Plus } from "lucide-react";
 import { ParticipantsTable } from "~/components/participants/ParticipantsTable";
-import { ManagementPageLayout } from "~/components/ui/page-layout";
+import { PageHeader } from "~/components/ui/page-header";
+import { Button } from "~/components/ui/button";
+import { useBreadcrumbsEffect } from "~/components/ui/breadcrumb-provider";
 import { useStudyContext } from "~/lib/study-context";
 import { useSelectedStudyDetails } from "~/hooks/useSelectedStudyDetails";
 
@@ -13,6 +16,14 @@ export default function StudyParticipantsPage() {
   const { setSelectedStudyId, selectedStudyId } = useStudyContext();
   const { study } = useSelectedStudyDetails();
 
+  // Set breadcrumbs
+  useBreadcrumbsEffect([
+    { label: "Dashboard", href: "/dashboard" },
+    { label: "Studies", href: "/studies" },
+    { label: study?.name ?? "Study", href: `/studies/${studyId}` },
+    { label: "Participants" },
+  ]);
+
   // Sync selected study (unified study-context)
   useEffect(() => {
     if (studyId && selectedStudyId !== studyId) {
@@ -21,23 +32,24 @@ export default function StudyParticipantsPage() {
   }, [studyId, selectedStudyId, setSelectedStudyId]);
 
   return (
-    <ManagementPageLayout
-      title="Participants"
-      description="Manage participant registration, consent, and trial assignments for this study"
-      breadcrumb={[
-        { label: "Dashboard", href: "/dashboard" },
-        { label: "Studies", href: "/studies" },
-        { label: study?.name ?? "Study", href: `/studies/${studyId}` },
-        { label: "Participants" },
-      ]}
-      createButton={{
-        label: "Add Participant",
-        href: `/studies/${studyId}/participants/new`,
-      }}
-    >
+    <div className="space-y-6">
+      <PageHeader
+        title="Participants"
+        description="Manage participant registration, consent, and trial assignments for this study"
+        icon={Users}
+        actions={
+          <Button asChild>
+            <a href={`/studies/${studyId}/participants/new`}>
+              <Plus className="mr-2 h-4 w-4" />
+              Add Participant
+            </a>
+          </Button>
+        }
+      />
+
       <Suspense fallback={<div>Loading participants...</div>}>
         <ParticipantsTable studyId={studyId} />
       </Suspense>
-    </ManagementPageLayout>
+    </div>
   );
 }

src/app/(dashboard)/studies/[id]/trials/page.tsx

@@ -2,8 +2,11 @@
 
 import { useParams } from "next/navigation";
 import { Suspense, useEffect } from "react";
+import { TestTube, Plus } from "lucide-react";
 import { TrialsTable } from "~/components/trials/TrialsTable";
-import { ManagementPageLayout } from "~/components/ui/page-layout";
+import { PageHeader } from "~/components/ui/page-header";
+import { Button } from "~/components/ui/button";
+import { useBreadcrumbsEffect } from "~/components/ui/breadcrumb-provider";
 import { useStudyContext } from "~/lib/study-context";
 import { useSelectedStudyDetails } from "~/hooks/useSelectedStudyDetails";
 
@@ -13,6 +16,14 @@ export default function StudyTrialsPage() {
   const { setSelectedStudyId, selectedStudyId } = useStudyContext();
   const { study } = useSelectedStudyDetails();
 
+  // Set breadcrumbs
+  useBreadcrumbsEffect([
+    { label: "Dashboard", href: "/dashboard" },
+    { label: "Studies", href: "/studies" },
+    { label: study?.name ?? "Study", href: `/studies/${studyId}` },
+    { label: "Trials" },
+  ]);
+
   // Set the active study if it doesn't match the current route
   useEffect(() => {
     if (studyId && selectedStudyId !== studyId) {
@@ -21,23 +32,24 @@ export default function StudyTrialsPage() {
   }, [studyId, selectedStudyId, setSelectedStudyId]);
 
   return (
-    <ManagementPageLayout
-      title="Trials"
-      description="Schedule, execute, and monitor HRI experiment trials with real-time wizard control for this study"
-      breadcrumb={[
-        { label: "Dashboard", href: "/dashboard" },
-        { label: "Studies", href: "/studies" },
-        { label: study?.name ?? "Study", href: `/studies/${studyId}` },
-        { label: "Trials" },
-      ]}
-      createButton={{
-        label: "Schedule Trial",
-        href: `/studies/${studyId}/trials/new`,
-      }}
-    >
+    <div className="space-y-6">
+      <PageHeader
+        title="Trials"
+        description="Manage trial execution, scheduling, and data collection for this study"
+        icon={TestTube}
+        actions={
+          <Button asChild>
+            <a href={`/studies/${studyId}/trials/new`}>
+              <Plus className="mr-2 h-4 w-4" />
+              Schedule Trial
+            </a>
+          </Button>
+        }
+      />
+
       <Suspense fallback={<div>Loading trials...</div>}>
         <TrialsTable studyId={studyId} />
       </Suspense>
-    </ManagementPageLayout>
+    </div>
   );
 }