Cleanup pass 2

app/components/cards/Rule/Rule.container.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { memo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import { RuleView } from "./Rule.view";
 import type { RuleProps } from "./Rule.types";
 
@@ -49,6 +50,9 @@ const RuleContainer = memo<RuleProps>(
     fluidWidth = false,
   }) => {
     const size = sizeProp ?? "L";
+    const t = useTranslation("ruleCard");
+    const cardAriaLabel = t("ariaLabel")?.replace("{title}", title) || title;
+    const recommendedLabel = t("recommendedLabel");
 
     const handleClick = () => {
       if (hasBottomLinks) return;
@@ -106,6 +110,8 @@ const RuleContainer = memo<RuleProps>(
         recommended={recommended}
         templateGridFigmaShell={templateGridFigmaShell}
         fluidWidth={fluidWidth}
+        cardAriaLabel={cardAriaLabel}
+        recommendedLabel={recommendedLabel}
       />
     );
   },

app/components/cards/Rule/Rule.types.ts

@@ -107,4 +107,7 @@ export interface RuleViewProps {
   recommended?: boolean;
   templateGridFigmaShell?: boolean;
   fluidWidth?: boolean;
+  /** Interactive card aria-label; supplied by the container from `ruleCard` messages. */
+  cardAriaLabel: string;
+  recommendedLabel: string;
 }

app/components/cards/Rule/Rule.view.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import Image from "next/image";
-import { useTranslation } from "../../../contexts/MessagesContext";
 import MultiSelect from "../../controls/MultiSelect";
 import InlineTextButton from "../../buttons/InlineTextButton";
 import NavigationLink from "../../navigation/Link";
@@ -34,9 +33,10 @@ export function RuleView({
   recommended = false,
   templateGridFigmaShell = false,
   fluidWidth = false,
+  cardAriaLabel,
+  recommendedLabel,
 }: RuleViewProps) {
-  const t = useTranslation("ruleCard");
-  const ariaLabel = t("ariaLabel")?.replace("{title}", title) || title;
+  const ariaLabel = cardAriaLabel;
   const interactiveCard = !hasBottomLinks;
 
   // Size-based styling
@@ -306,7 +306,7 @@ export function RuleView({
             >
               {showRecommendedTag ? (
                 <Tag variant="templateRecommended">
-                  {t("recommendedLabel")}
+                  {recommendedLabel}
                 </Tag>
               ) : null}
               {onTitleClick ? (