feature(public,docs): new public website and docs

apps/public/components/figure.tsx

@@ -0,0 +1,22 @@
+import Image from 'next/image';
+
+export function Figure({
+  src,
+  alt,
+  caption,
+}: { src: string; alt: string; caption: string }) {
+  return (
+    <figure className="-mx-4">
+      <Image
+        src={src}
+        alt={alt}
+        width={1200}
+        height={800}
+        className="rounded-lg"
+      />
+      <figcaption className="text-center text-sm text-muted-foreground mt-2">
+        {caption}
+      </figcaption>
+    </figure>
+  );
+}