Merge main into proxy branch (formatting and docs)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/yaak-client/components/core/KeyValueRow.tsx

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import classNames from "classnames";
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
 
 interface Props {
   children:
@@ -13,7 +13,7 @@ export function KeyValueRows({ children }: Props) {
     <table className="text-editor font-mono min-w-0 w-full mb-auto">
       <tbody className="divide-y divide-surface-highlight">
         {childArray.map((child, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: none
+          // oxlint-disable-next-line react/no-array-index-key
           <tr key={i}>{child}</tr>
         ))}
       </tbody>
@@ -27,7 +27,7 @@ interface KeyValueRowProps {
   rightSlot?: ReactNode;
   leftSlot?: ReactNode;
   labelClassName?: string;
-  labelColor?: 'secondary' | 'primary' | 'info';
+  labelColor?: "secondary" | "primary" | "info";
 }
 
 export function KeyValueRow({
@@ -35,18 +35,18 @@ export function KeyValueRow({
   children,
   rightSlot,
   leftSlot,
-  labelColor = 'secondary',
+  labelColor = "secondary",
   labelClassName,
 }: KeyValueRowProps) {
   return (
     <>
       <td
         className={classNames(
-          'select-none py-0.5 pr-2 h-full align-top max-w-[10rem]',
+          "select-none py-0.5 pr-2 h-full align-top max-w-[10rem]",
           labelClassName,
-          labelColor === 'primary' && 'text-primary',
-          labelColor === 'secondary' && 'text-text-subtle',
-          labelColor === 'info' && 'text-info',
+          labelColor === "primary" && "text-primary",
+          labelColor === "secondary" && "text-text-subtle",
+          labelColor === "info" && "text-info",
         )}
       >
         <span className="select-text cursor-text">{label}</span>