Separate HTML and Next.js SDK installation code blocks for Kakao Login

- Split sdkInstall into htmlScript and nextjsScript for better organization
- Add separate code blocks with appropriate language highlighting (html vs tsx)
- Improve code example clarity by showing both installation methods distinctly

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: crowrish

src/app/kakao-login/page.tsx

@@ -494,11 +494,19 @@ export default function KakaoLoginPage() {
               카카오 JavaScript SDK를 로드하고 초기화하는 방법입니다.
             </p>
 
-            <CodeBlock
-              title="HTML에 SDK 추가"
-              language="javascript"
-              code={kakaoExamples.sdkInstall}
-            />
+            <div className="space-y-4">
+              <CodeBlock
+                title="HTML 스크립트 방식"
+                language="html"
+                code={kakaoExamples.htmlScript}
+              />
+
+              <CodeBlock
+                title="Next.js Script 컴포넌트 방식 (권장)"
+                language="tsx"
+                code={kakaoExamples.nextjsScript}
+              />
+            </div>
           </div>
 
           {/* 공식 로그인 구현 */}

src/lib/code-examples/kakao-login.ts

@@ -1,13 +1,11 @@
 // Kakao Login SDK Code Examples
 
 export const kakaoExamples = {
-  sdkInstall: `<!-- HTML 방식 -->
-<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.5/kakao.min.js"
+  htmlScript: `<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.5/kakao.min.js"
         integrity="sha384-dok87au0gKqJdxs7msEdBPNnKSRT+/mhTVzq+qOhcL464zXwvcrpjeWvyj1kCdq6"
-        crossorigin="anonymous"></script>
+        crossorigin="anonymous"></script>`,
 
-// Next.js Script 컴포넌트 사용
-import Script from 'next/script';
+  nextjsScript: `import Script from 'next/script';
 
 <Script
   src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.5/kakao.min.js"