feat: 음력 변환, 대운 계산, 소셜 공유 기능 추가

- 음력 변환 기능 구현
  - lunar-calendar 라이브러리 추가
  - 음력-양력 변환 유틸리티 생성
  - 모든 입력 폼에 양력/음력 선택 및 윤달 옵션 추가
  - SajuForm, CompatibilityForm에 음력 지원

- 대운(大運) 계산 기능 구현
  - 10년 단위 대운 계산 알고리즘
  - 현재 대운 표시 및 해석
  - 사주팔자 결과 페이지에 대운 섹션 추가
  - 8개 대운 (80년치) 표시

- 소셜 공유 기능 구현
  - ShareButtons 컴포넌트 생성
  - 카카오톡, 페이스북, 트위터 공유
  - 네이티브 공유 API 지원
  - 링크 복사 기능
  - 모든 결과 페이지에 공유 버튼 추가

- 메타데이터 개선
  - 사이트 제목 및 설명 최적화
  - 한국어(ko) 설정
  - 카카오 SDK 추가

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

app/result/page.tsx

@@ -1,6 +1,8 @@
 import { calculateSaju } from '@/lib/saju-calculator';
 import Link from 'next/link';
 import PDFButton from '../components/PDFButton';
+import ShareButtons from '../components/ShareButtons';
+import { calculateDaeun, getCurrentDaeun, getDaeunDescription } from '@/lib/daeun-calculator';
 
 interface PageProps {
   searchParams: Promise<{
@@ -24,6 +26,18 @@ export default async function ResultPage({ searchParams }: PageProps) {
 
   const sajuData = calculateSaju(yearNum, monthNum, dayNum, hourNum, gender);
 
+  // 대운 계산
+  const daeunList = calculateDaeun(
+    yearNum,
+    monthNum,
+    dayNum,
+    gender,
+    sajuData.month.stem,
+    sajuData.month.branch
+  );
+  const currentYear = new Date().getFullYear();
+  const currentDaeun = getCurrentDaeun(daeunList, currentYear);
+
   return (
     <div className="min-h-screen bg-gradient-to-br from-indigo-50 via-purple-50 to-pink-50">
       {/* Navigation */}
@@ -213,8 +227,85 @@ export default async function ResultPage({ searchParams }: PageProps) {
           </div>
         </div>
 
+        {/* 대운 (大運) */}
+        <div className="bg-white rounded-3xl shadow-2xl p-8 md:p-12 mb-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-8 text-center">
+            🔄 대운 (大運) - 10년 주기 운세
+          </h2>
+
+          {/* 현재 대운 */}
+          {currentDaeun && (
+            <div className="bg-gradient-to-r from-indigo-500 to-purple-500 rounded-2xl p-6 mb-8 text-white">
+              <h3 className="text-2xl font-bold mb-4 text-center">현재 대운</h3>
+              <div className="text-center mb-4">
+                <div className="text-5xl font-bold mb-2">
+                  {currentDaeun.stem}{currentDaeun.branch}
+                </div>
+                <div className="text-xl mb-2">
+                  {currentDaeun.stemKr}{currentDaeun.branchKr}
+                </div>
+                <div className="text-lg opacity-90">
+                  {currentDaeun.age}세 ~ {currentDaeun.age + 9}세 ({currentDaeun.startYear}년 ~ {currentDaeun.endYear}년)
+                </div>
+              </div>
+              <p className="text-center leading-relaxed">
+                {getDaeunDescription(currentDaeun, sajuData.day.stem)}
+              </p>
+            </div>
+          )}
+
+          {/* 전체 대운 목록 */}
+          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
+            {daeunList.map((daeun, index) => {
+              const isCurrent = currentDaeun &&
+                daeun.startYear === currentDaeun.startYear &&
+                daeun.endYear === currentDaeun.endYear;
+
+              return (
+                <div
+                  key={index}
+                  className={`rounded-xl p-4 border-2 transition ${
+                    isCurrent
+                      ? 'bg-indigo-50 border-indigo-400'
+                      : 'bg-gray-50 border-gray-200 hover:border-indigo-300'
+                  }`}
+                >
+                  <div className="text-center">
+                    <div className="text-3xl font-bold text-gray-900 mb-1">
+                      {daeun.stem}{daeun.branch}
+                    </div>
+                    <div className="text-sm text-gray-600 mb-2">
+                      {daeun.stemKr}{daeun.branchKr}
+                    </div>
+                    <div className="text-xs text-gray-500">
+                      {daeun.age}세 ~ {daeun.age + 9}세
+                    </div>
+                    <div className="text-xs text-gray-400">
+                      {daeun.startYear} ~ {daeun.endYear}
+                    </div>
+                    {isCurrent && (
+                      <div className="mt-2">
+                        <span className="inline-block bg-indigo-600 text-white text-xs px-3 py-1 rounded-full font-semibold">
+                          현재
+                        </span>
+                      </div>
+                    )}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+
+          <div className="mt-6 p-4 bg-indigo-50 rounded-xl">
+            <p className="text-sm text-gray-700">
+              <strong className="text-indigo-600">대운(大運):</strong> 10년 단위로 변화하는 큰 운의 흐름입니다.
+              각 대운마다 삶의 방향과 환경이 달라질 수 있으므로, 현재 대운의 특성을 이해하고 활용하는 것이 중요합니다.
+            </p>
+          </div>
+        </div>
+
         {/* 추가 기능 버튼 */}
-        <div className="grid md:grid-cols-3 gap-6">
+        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
           <Link
             href={`/fortune?${new URLSearchParams(params as any).toString()}`}
             className="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition text-center group"
@@ -238,6 +329,11 @@ export default async function ResultPage({ searchParams }: PageProps) {
             filename={`사주팔자_${yearNum}${monthNum}${dayNum}.pdf`}
             buttonText="사주 PDF 저장"
           />
+
+          <ShareButtons
+            title={`내 사주팔자 - ${yearNum}년생 ${gender === 'male' ? '남성' : '여성'}`}
+            description={`일간: ${sajuData.day.stem}(${sajuData.day.stemKr}) | ${sajuData.day.element}`}
+          />
         </div>
       </div>