Full cleanup pass

app/components/controls/TextArea/TextArea.container.tsx

@@ -2,6 +2,7 @@
 
 import { memo, forwardRef } from "react";
 import { useComponentId, useFormField } from "../../../hooks";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import { TextAreaView } from "./TextArea.view";
 import type { TextAreaProps } from "./TextArea.types";
 
@@ -35,6 +36,7 @@ const TextAreaContainer = forwardRef<HTMLTextAreaElement, TextAreaProps>(
     },
     ref,
   ) => {
+    const t = useTranslation("controlsChrome");
     const size = sizeProp;
     const labelVariant = labelVariantProp;
     const state = stateProp;
@@ -200,6 +202,8 @@ const TextAreaContainer = forwardRef<HTMLTextAreaElement, TextAreaProps>(
         formHeader={formHeader}
         showHelpIcon={showHelpIcon}
         appearance={appearance}
+        helpIconAlt={t("helpIconAlt")}
+        hintDefault={t("hintDefault")}
         {...props}
       />
     );

app/components/controls/TextArea/TextArea.types.ts

@@ -79,4 +79,6 @@ export interface TextAreaViewProps {
   formHeader?: boolean;
   showHelpIcon?: boolean;
   appearance?: "default" | "embedded";
+  helpIconAlt: string;
+  hintDefault: string;
 }

app/components/controls/TextArea/TextArea.view.tsx

@@ -25,6 +25,8 @@ export const TextAreaView = forwardRef<HTMLTextAreaElement, TextAreaViewProps>(
       formHeader = true,
       showHelpIcon = false,
       appearance: _appearance,
+      helpIconAlt,
+      hintDefault,
       // Component-only props: do not pass to DOM
       size: _size,
       labelVariant: _labelVariant,
@@ -51,7 +53,7 @@ export const TextAreaView = forwardRef<HTMLTextAreaElement, TextAreaViewProps>(
                   {/* eslint-disable-next-line @next/next/no-img-element -- icon asset */}
                   <img
                     src={getAssetPath(ASSETS.ICON_HELP)}
-                    alt="Help"
+                    alt={helpIconAlt}
                     className="block max-w-none size-full"
                   />
                 </div>
@@ -81,7 +83,7 @@ export const TextAreaView = forwardRef<HTMLTextAreaElement, TextAreaViewProps>(
         {textHint ? (
           <div className="flex items-start relative shrink-0 w-full">
             <p className="flex-[1_0_0] font-inter font-normal leading-[16px] min-h-px min-w-px relative text-[color:var(--color-content-default-tertiary,#b4b4b4)] text-[length:var(--sizing-300,12px)]">
-              {typeof textHint === "string" ? textHint : "Hint text here"}
+              {typeof textHint === "string" ? textHint : hintDefault}
             </p>
           </div>
         ) : null}