harden media

apps/website/components/ui/PlaceholderImage.tsx

@@ -0,0 +1,20 @@
+import { User } from 'lucide-react';
+
+export interface PlaceholderImageProps {
+  size?: number;
+  className?: string;
+}
+
+/**
+ * Shared placeholder image component for when no avatar/logo URL is available
+ */
+export default function PlaceholderImage({ size = 48, className = '' }: PlaceholderImageProps) {
+  return (
+    <div
+      className={`rounded-full bg-charcoal-outline flex items-center justify-center ${className}`}
+      style={{ width: size, height: size }}
+    >
+      <User className="w-6 h-6 text-gray-400" />
+    </div>
+  );
+}