Enhance HRIStudio with immersive experiment designer and comprehensive documentation updates

- Introduced a new immersive experiment designer using React Flow, providing a professional-grade visual flow editor for creating experiments.
- Added detailed documentation for the flow designer connections and ordering system, emphasizing its advantages and implementation details.
- Updated existing documentation to reflect the latest features and improvements, including a streamlined README and quick reference guide.
- Consolidated participant type definitions into a new file for better organization and clarity.

Features:
- Enhanced user experience with a node-based interface for experiment design.
- Comprehensive documentation supporting new features and development practices.

Breaking Changes: None - existing functionality remains intact.

src/app/(dashboard)/experiments/[id]/designer/page.tsx

@@ -20,15 +20,36 @@ export default async function ExperimentDesignerPage({
     }
 
     return (
-      <ExperimentDesignerClient
-        experiment={{
-          ...experiment,
-          description: experiment.description ?? "",
-        }}
-      />
+      <div className="fixed inset-0 z-50">
+        <ExperimentDesignerClient
+          experiment={{
+            ...experiment,
+            description: experiment.description ?? "",
+          }}
+        />
+      </div>
     );
   } catch (error) {
     console.error("Error loading experiment:", error);
     notFound();
   }
 }
+
+export async function generateMetadata({
+  params,
+}: ExperimentDesignerPageProps) {
+  try {
+    const resolvedParams = await params;
+    const experiment = await api.experiments.get({ id: resolvedParams.id });
+
+    return {
+      title: `${experiment?.name} - Flow Designer | HRIStudio`,
+      description: `Design experiment protocol for ${experiment?.name} using visual flow editor`,
+    };
+  } catch {
+    return {
+      title: "Experiment Flow Designer | HRIStudio",
+      description: "Immersive visual experiment protocol designer",
+    };
+  }
+}