Replace Create-rule header portraits with real PNGs so the circles paint.

The old SVG wrappers nested corrupt PNGs, so browsers fetched the files but showed empty rings.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/components/Avatar.test.tsx

@@ -15,7 +15,7 @@ import {
 type AvatarProps = React.ComponentProps<typeof Avatar>;
 
 const baseProps: AvatarProps = {
-  src: "/assets/marketing/avatar-1.svg",
+  src: "/assets/marketing/avatar-1.png",
   alt: "User avatar",
   size: "medium",
 };
@@ -46,7 +46,7 @@ describe("Avatar (behavioral tests)", () => {
   it("does not show initials while the image is loading", () => {
     render(
       <Avatar
-        src="/assets/marketing/avatar-1.svg"
+        src="/assets/marketing/avatar-1.png"
         alt="Ada Lovelace"
         initials="AL"
       />,
@@ -57,7 +57,7 @@ describe("Avatar (behavioral tests)", () => {
   it("applies the small photo ring after the image loads", () => {
     const { container } = render(
       <Avatar
-        src="/assets/marketing/avatar-1.svg"
+        src="/assets/marketing/avatar-1.png"
         alt="User avatar"
         size="small"
       />,