code quality

apps/website/ui/Box.tsx

@@ -237,6 +237,7 @@ export interface BoxProps<T extends ElementType> {
   className?: string;
   /** @deprecated DO NOT USE. Use semantic props instead. */
   style?: React.CSSProperties;
+  'data-testid'?: string;
 }
 
 export const Box = forwardRef(<T extends ElementType = 'div'>(
@@ -394,7 +395,8 @@ export const Box = forwardRef(<T extends ElementType = 'div'>(
     onPointerDown,
     onPointerMove,
     onPointerUp,
-    ...props 
+    'data-testid': dataTestId,
+    ...props
   }: BoxProps<T>,
   ref: ForwardedRef<HTMLElement>
 ) => {
@@ -599,7 +601,8 @@ export const Box = forwardRef(<T extends ElementType = 'div'>(
       onPointerDown={onPointerDown}
       onPointerMove={onPointerMove}
       onPointerUp={onPointerUp}
-      {...props} 
+      data-testid={dataTestId}
+      {...props}
     >
       {children}
     </Tag>