code quality

apps/website/ui/Container.tsx

@@ -9,6 +9,7 @@ export interface ContainerProps {
   zIndex?: number;
   /** @deprecated Use semantic props instead. */
   py?: number;
+  'data-testid'?: string;
 }
 
 /**
@@ -23,6 +24,7 @@ export const Container = ({
   position,
   zIndex,
   py,
+  'data-testid': dataTestId,
 }: ContainerProps) => {
   const sizeMap = {
     sm: 'max-w-[40rem]',
@@ -54,7 +56,8 @@ export const Container = ({
   };
 
   return (
-    <div 
+    <div
+      data-testid={dataTestId}
       className={`mx-auto w-full ${sizeMap[size]} ${paddingMap[padding]} ${spacingMap[spacing]}`}
       style={combinedStyle}
     >