code quality

apps/website/ui/Text.tsx

@@ -100,6 +100,7 @@ export interface TextProps {
   hoverVariant?: string;
   /** @deprecated Use semantic props instead. */
   cursor?: string;
+  'data-testid'?: string;
 }
 
 /**
@@ -163,6 +164,7 @@ export const Text = forwardRef<HTMLElement, TextProps>(({
   capitalize,
   hoverVariant,
   cursor,
+  'data-testid': dataTestId,
 }, ref) => {
   const variantClasses = {
     high: 'text-[var(--ui-color-text-high)]',
@@ -309,7 +311,7 @@ export const Text = forwardRef<HTMLElement, TextProps>(({
   const Tag = as || 'p';
 
   return (
-    <Tag ref={ref} className={classes} style={Object.keys(style).length > 0 ? style : undefined} id={id} htmlFor={htmlFor}>
+    <Tag data-testid={dataTestId} ref={ref} className={classes} style={Object.keys(style).length > 0 ? style : undefined} id={id} htmlFor={htmlFor}>
       {children}
     </Tag>
   );