website refactor

apps/website/ui/ImagePlaceholder.tsx

@@ -10,6 +10,7 @@ export interface ImagePlaceholderProps {
   aspectRatio?: string;
   variant?: 'default' | 'loading' | 'error';
   message?: string;
+  rounded?: string;
 }
 
 export const ImagePlaceholder = ({ 
@@ -18,7 +19,8 @@ export const ImagePlaceholder = ({
   animate = 'pulse',
   aspectRatio,
   variant = 'default',
-  message
+  message,
+  rounded
 }: ImagePlaceholderProps) => {
   const icons = {
     default: ImageIcon,
@@ -36,7 +38,7 @@ export const ImagePlaceholder = ({
       alignItems="center" 
       justifyContent="center" 
       bg="var(--ui-color-bg-surface-muted)"
-      style={{ borderRadius: 'var(--ui-radius-md)' }}
+      style={{ borderRadius: rounded === 'none' ? '0' : (rounded ? `var(--ui-radius-${rounded})` : 'var(--ui-radius-md)') }}
       gap={2}
     >
       <Icon