feat: add internationalization message platform

src/presentation/design-system/primitives/forms.tsx

@@ -9,6 +9,7 @@ import {
 import { CloseIcon, SearchIcon } from "../icons/semantic-icons.js";
 import { Field, IconButton } from "./core.js";
 import type { TextFieldProps } from "./core.js";
+import { useLocale } from "../../i18n/index.js";
 
 type FieldCopy = Readonly<{
   id?: string;
@@ -41,6 +42,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
     },
     ref,
   ) {
+    const { message } = useLocale();
     const [uncontrolledValue, setUncontrolledValue] = useState(
       String(defaultValue ?? ""),
     );
@@ -80,7 +82,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
               <output className="ui-field__counter">
                 {maxLengthMessage
                   ? maxLengthMessage(remaining)
-                  : `${remaining}자 남음`}
+                  : message("form.remaining", { count: remaining })}
               </output>
             ) : null}
           </>