fix: update schema version and improve code formatting in components

Author: juicycleff

docs/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.2/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

docs/src/components/landing/flow-primitives.tsx

@@ -7,7 +7,15 @@ import { cn } from "@/lib/cn";
 interface FlowNodeProps {
   label: string;
   sublabel?: string;
-  color?: "teal" | "amber" | "green" | "red" | "blue" | "gray" | "purple" | "violet";
+  color?:
+    | "teal"
+    | "amber"
+    | "green"
+    | "red"
+    | "blue"
+    | "gray"
+    | "purple"
+    | "violet";
   size?: "sm" | "md" | "lg";
   icon?: React.ReactNode;
   pulse?: boolean;
@@ -88,7 +96,15 @@ export function FlowNode({
 interface FlowLineProps {
   direction?: "horizontal" | "vertical";
   length?: number;
-  color?: "teal" | "amber" | "green" | "red" | "gray" | "blue" | "violet" | "purple";
+  color?:
+    | "teal"
+    | "amber"
+    | "green"
+    | "red"
+    | "gray"
+    | "blue"
+    | "violet"
+    | "purple";
   animated?: boolean;
   className?: string;
   delay?: number;
@@ -274,8 +290,7 @@ const statusConfig = {
     icon: "check",
   },
   retry: {
-    color:
-      "text-blue-600 dark:text-blue-400 bg-blue-500/10 border-blue-500/20",
+    color: "text-blue-600 dark:text-blue-400 bg-blue-500/10 border-blue-500/20",
     defaultLabel: "503 Retry",
     icon: "retry",
   },

docs/src/components/landing/hero.tsx

@@ -72,7 +72,13 @@ function MiniSafetyPipeline() {
           <FlowLine length={24} color="blue" delay={2} />
           <FlowNode label="Awareness" color="teal" size="sm" delay={0.7} />
           <FlowLine length={24} color="blue" delay={3} />
-          <FlowNode label="Boundaries" color="blue" size="sm" pulse delay={0.85} />
+          <FlowNode
+            label="Boundaries"
+            color="blue"
+            size="sm"
+            pulse
+            delay={0.85}
+          />
         </div>
 
         {/* Row 2: Safety pipeline events */}
@@ -99,12 +105,7 @@ function MiniSafetyPipeline() {
               className="flex items-center gap-0"
             >
               <FlowLine length={28} color="blue" delay={5} />
-              <FlowNode
-                label="Judgment"
-                color="gray"
-                size="sm"
-                delay={1.3}
-              />
+              <FlowNode label="Judgment" color="gray" size="sm" delay={1.3} />
               <FlowLine length={24} color="blue" delay={6} />
               <StatusBadge status="retry" label="reviewing" />
             </motion.div>
@@ -117,12 +118,7 @@ function MiniSafetyPipeline() {
               className="flex items-center gap-0"
             >
               <FlowLine length={28} color="green" delay={7} />
-              <FlowNode
-                label="Reflexes"
-                color="gray"
-                size="sm"
-                delay={1.5}
-              />
+              <FlowNode label="Reflexes" color="gray" size="sm" delay={1.5} />
               <FlowLine length={24} color="green" delay={8} />
               <StatusBadge status="delivered" label="safe" />
             </motion.div>