feat(theme): ✨ Custom avatars

apps/builder/assets/DefaultAvatar.tsx

@@ -0,0 +1,38 @@
+import { Icon, IconProps } from '@chakra-ui/react'
+import React from 'react'
+
+export const DefaultAvatar = (props: IconProps) => {
+  return (
+    <Icon
+      viewBox="0 0 75 75"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      boxSize="40px"
+      data-testid="default-avatar"
+      {...props}
+    >
+      <mask id="mask0" x="0" y="0" mask-type="alpha">
+        <circle cx="37.5" cy="37.5" r="37.5" fill="#0042DA" />
+      </mask>
+      <g mask="url(#mask0)">
+        <rect x="-30" y="-43" width="131" height="154" fill="#0042DA" />
+        <rect
+          x="2.50413"
+          y="120.333"
+          width="81.5597"
+          height="86.4577"
+          rx="2.5"
+          transform="rotate(-52.6423 2.50413 120.333)"
+          stroke="#FED23D"
+          strokeWidth="5"
+        />
+        <circle cx="76.5" cy="-1.5" r="29" stroke="#FF8E20" strokeWidth="5" />
+        <path
+          d="M-49.8224 22L-15.5 -40.7879L18.8224 22H-49.8224Z"
+          stroke="#F7F8FF"
+          strokeWidth="5"
+        />
+      </g>
+    </Icon>
+  )
+}