docs: translate CodeSandbox button section

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"