✨ feat: Add qwik-react (#103)

This adds the following pages:

The landing page (/)
The pricing page (/pricing)
The contact page (/contact)
The changelog page (/changelog)
Terms Of Service page (/terms)
Privacy Policy (/privacy)

apps/nexus/src/utils/create-avatar.tsx

@@ -0,0 +1,33 @@
+export const createAvatarSvg = (size: number, gradient: { fromColor: string, toColor: string }, fileType?: string, text?: string) => (
+    <svg
+        width={size}
+        height={size}
+        viewBox={`0 0 ${size} ${size}`}
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <g>
+            <defs>
+                <linearGradient id="gradient" x1="0" y1="0" x2="1" y2="1">
+                    <stop offset="0%" stopColor={gradient.fromColor} />
+                    <stop offset="100%" stopColor={gradient.toColor} />
+                </linearGradient>
+            </defs>
+            <rect fill="url(#gradient)" x="0" y="0" width={size} height={size} />
+            {fileType === "svg" && text && (
+                <text
+                    x="50%"
+                    y="50%"
+                    alignmentBaseline="central"
+                    dominantBaseline="central"
+                    textAnchor="middle"
+                    fill="#fff"
+                    fontFamily="sans-serif"
+                    fontSize={(size * 0.9) / text.length}
+                >
+                    {text}
+                </text>
+            )}
+        </g>
+    </svg>
+);