docs: translate CodeSandbox button section (#1462)

This pull request focuses on improving the consistency and clarity of
Korean translations in both UI components and documentation, especially
regarding React state management terminology. The main changes
standardize the use of terms like "State", "Reducer", and "Action" by
capitalizing them and updating related explanations, making the
documentation more accurate and easier to follow for Korean readers.
Additionally, some UI button labels and tooltips are localized for
better user experience.

**UI Localization Improvements:**

- Updated button tooltips and labels in Sandpack-related components to
use more accurate and user-friendly Korean translations, such as
changing "Clear" to "초기화" and providing clearer descriptions for actions
like downloading or opening in CodeSandbox.
[[1]](diffhunk://#diff-e4d6ebfbacaf6f3e384908dc929f97b55d8c878521e07685f714e57fe418d3a5L23-R26)
[[2]](diffhunk://#diff-f24875125a7d35dd7b0bd1f2d931f63773ff3acd13b1d6f8c3953eb359a89730L110-R110)
[[3]](diffhunk://#diff-3da06c91775557aaf8840f34037dfb5ed6bba561fd0fbcce4fd31f52728e46b7L19-R19)

**Documentation Consistency and Clarity:**

- Standardized the translation of core React terms by capitalizing
"State", "Reducer", and "Action" throughout the
`extracting-state-logic-into-a-reducer.md` guide, ensuring these
concepts are clearly distinguished and consistently presented.
[[1]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL2-R22)
[[2]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL183-R193)
[[3]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL221-R227)
[[4]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL253-R258)
[[5]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL271-R271)
[[6]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL283-R301)
[[7]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL327-R331)
[[8]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL364-R372)
[[9]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL383-R385)
[[10]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL452-R454)
[[11]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL472-R484)
[[12]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL673-R673)
[[13]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL865-R893)
[[14]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL1099-R1118)

- Improved explanations and section headings in the reducer
documentation to align with the updated terminology, making the learning
path clearer for readers.
[[1]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL2-R22)
[[2]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL183-R193)
[[3]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL283-R301)
[[4]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL452-R454)
[[5]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL865-R893)
[[6]](diffhunk://#diff-831a3619320f818fc4986477ad935be5f7e6a9cd45cfe9f2a6b4a1a3aaa34f6dL1099-R1118)

These changes enhance both the usability of the UI for Korean users and
the educational quality of the documentation for those learning about
state management in React.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: lumirlumir

src/components/MDX/Sandpack/ClearButton.tsx

@@ -20,10 +20,10 @@ export function ClearButton({onClear}: ClearButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onClear}
-      title="Clear all edits and reload sandbox"
+      title="모든 편집 내용을 지우고 샌드박스를 다시 로딩합니다."
       type="button">
       <IconClose className="inline mx-1 relative" />
-      <span className="hidden md:block">Clear</span>
+      <span className="hidden md:block">초기화</span>
     </button>
   );
 }

src/components/MDX/Sandpack/DownloadButton.tsx

@@ -107,7 +107,7 @@ ${css}
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={downloadHTML}
-      title="Download Sandbox"
+      title="샌드박스를 다운로드합니다."
       type="button">
       <IconDownload className="inline me-1" /> 다운로드
     </button>

src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx

@@ -16,7 +16,7 @@ export const OpenInCodeSandboxButton = () => {
   return (
     <UnstyledOpenInCodeSandboxButton
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-1"
-      title="Open in CodeSandbox">
+      title="CodeSandbox에서 편집합니다.">
       <IconNewPage
         className="inline mx-1 relative top-[1px]"
         width="1em"