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/components/ui/entity-form.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import { type ReactNode } from "react";
-import { type UseFormReturn, type FieldValues } from "react-hook-form";
-import { type LucideIcon } from "lucide-react";
-import { ArrowLeft } from "lucide-react";
+import { ArrowLeft, type LucideIcon } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { cn } from "~/lib/utils";
+import { type ReactNode } from "react";
+import { type FieldValues, type UseFormReturn } from "react-hook-form";
 import { Button } from "~/components/ui/button";
 import {
   Card,
@@ -15,8 +13,9 @@ import {
   CardHeader,
   CardTitle,
 } from "~/components/ui/card";
-import { Separator } from "~/components/ui/separator";
 import { PageHeader } from "~/components/ui/page-header";
+import { Separator } from "~/components/ui/separator";
+import { cn } from "~/lib/utils";
 
 interface EntityFormProps<T extends FieldValues = FieldValues> {
   // Mode