Align props with figma

app/components/QuoteBlock/QuoteBlock.container.tsx

@@ -4,10 +4,11 @@ import { memo, useState } from "react";
 import { logger } from "../../../lib/logger";
 import QuoteBlockView from "./QuoteBlock.view";
 import type { QuoteBlockProps, VariantConfig } from "./QuoteBlock.types";
+import { normalizeQuoteBlockVariant } from "../../../lib/propNormalization";
 
 const QuoteBlockContainer = memo<QuoteBlockProps>(
   ({
-    variant = "standard",
+    variant: variantProp = "standard",
     className = "",
     quote = "The rules of decision-making must be open and available to everyone, and this can happen only if they are formalized.",
     author = "Jo Freeman",
@@ -17,6 +18,8 @@ const QuoteBlockContainer = memo<QuoteBlockProps>(
     fallbackAvatarSrc = "/assets/Quote_Avatar.svg",
     onError,
   }) => {
+    // Normalize props to handle both PascalCase (Figma) and lowercase (codebase)
+    const variant = normalizeQuoteBlockVariant(variantProp);
     const [imageError, setImageError] = useState(false);
     const [imageLoading, setImageLoading] = useState(true);
 

app/components/QuoteBlock/QuoteBlock.types.ts

@@ -1,5 +1,17 @@
+export type QuoteBlockVariantValue =
+  | "compact"
+  | "standard"
+  | "extended"
+  | "Compact"
+  | "Standard"
+  | "Extended";
+
 export interface QuoteBlockProps {
-  variant?: "compact" | "standard" | "extended";
+  /**
+   * Quote block variant. Accepts both lowercase and PascalCase (case-insensitive).
+   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   */
+  variant?: QuoteBlockVariantValue;
   className?: string;
   quote?: string;
   author?: string;