feat: rebuild portfolio with React + TanStack Start

src/components/blocks/quote.tsx

@@ -0,0 +1,19 @@
+export interface IQuote {
+  __component: 'shared.quote'
+  id: number
+  body: string
+  title?: string
+}
+
+export function Quote({ body, title }: Readonly<IQuote>) {
+  return (
+    <blockquote className="border-l-4 border-cyan-400 pl-6 py-4 my-6 bg-slate-800/30 rounded-r-lg">
+      <p className="text-xl italic text-gray-300 leading-relaxed">{body}</p>
+      {title && (
+        <cite className="block mt-4 text-cyan-400 not-italic font-medium">
+          — {title}
+        </cite>
+      )}
+    </blockquote>
+  )
+}