Create Community stage implemented

app/components/progress/ProportionBar/ProportionBar.container.tsx

@@ -1,11 +1,13 @@
 "use client";
 
 import { memo } from "react";
+import { normalizeProportionBarVariant } from "../../../../lib/propNormalization";
 import { ProportionBarView } from "./ProportionBar.view";
 import type { ProportionBarProps } from "./ProportionBar.types";
 
 const ProportionBarContainer = memo<ProportionBarProps>(
-  ({ progress = "3-2", className = "" }) => {
+  ({ progress = "3-2", className = "", variant: variantProp }) => {
+    const variant = normalizeProportionBarVariant(variantProp);
     const barClasses = `h-[8px] relative w-full`;
 
     return (
@@ -13,6 +15,7 @@ const ProportionBarContainer = memo<ProportionBarProps>(
         progress={progress}
         className={className}
         barClasses={barClasses}
+        variant={variant}
       />
     );
   },