feat: 홈 대시보드 + 영수증 OCR + 카드 할부 + 소수점 매수 등 UI 개선

- 홈: 로그인 시 요약(이번달 수입/지출, 순자산, 예산대비지출 바)+바로가기, 비로그인 랜딩
- 영수증 OCR(온디바이스 Tesseract.js): 금액·날짜·상호 추출해 내역 폼 자동입력
- 내역 카드 할부(2~24개월) 입력/표시
- 투자 소수점 수량 입력(step=any)
- 계좌 관리 등록버튼 탭 라인 우측 이동, 정기거래 3단 레이아웃
- 목록 좌측 여백 제거(분류/예산/태그/계좌), 대시보드 일/주 버튼 제거, 도넛/파이 차트 잘림 수정

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

src/utils/receiptOcr.js

@@ -0,0 +1,95 @@
+// 영수증 OCR (온디바이스, Tesseract.js). 서버·API키 불필요.
+// 이미지 → 텍스트 인식 → 금액·날짜·상호 추출.
+import Tesseract from 'tesseract.js'
+
+// 합계 금액을 가리키는 키워드 (우선순위 높은 순)
+const TOTAL_KEYWORDS = [
+  '받을금액', '받을 금액', '결제금액', '결제 금액', '합계금액', '합 계', '합계',
+  '총액', '총 액', '총구매액', '판매금액', '결제대상금액', '청구금액', '승인금액',
+  'total', 'TOTAL',
+]
+// 합계로 오인하기 쉬운(제외할) 키워드
+const EXCLUDE_KEYWORDS = ['부가세', '면세', '과세', '봉사료', '거스름', '받은금액', '현금', '잔액', '포인트']
+
+// 문자열에서 숫자(천단위 콤마 포함)들을 추출 → 정수 배열
+function numbersIn(line) {
+  const out = []
+  const re = /\d{1,3}(?:,\d{3})+|\d{3,}/g
+  let m
+  while ((m = re.exec(line)) !== null) {
+    const n = parseInt(m[0].replace(/,/g, ''), 10)
+    if (!Number.isNaN(n)) out.push(n)
+  }
+  return out
+}
+
+// 합계 금액 추정
+function extractAmount(lines) {
+  // 1) 합계 키워드가 있는 줄에서 금액 찾기 (제외 키워드 줄은 건너뜀)
+  for (const kw of TOTAL_KEYWORDS) {
+    for (const line of lines) {
+      if (!line.includes(kw)) continue
+      if (EXCLUDE_KEYWORDS.some((ex) => line.includes(ex))) continue
+      const nums = numbersIn(line)
+      if (nums.length) return Math.max(...nums)
+    }
+  }
+  // 2) 폴백: 전체에서 가장 큰 금액(100원 이상)
+  const all = lines.flatMap(numbersIn).filter((n) => n >= 100 && n < 100_000_000)
+  return all.length ? Math.max(...all) : null
+}
+
+// 거래일 추정 (YYYY-MM-DD 반환)
+function extractDate(text) {
+  // 4자리 연도: 2024-01-05 / 2024.01.05 / 2024년 1월 5일 / 2024/1/5
+  let m = text.match(/(20\d{2})\s*[.\-/년]\s*(\d{1,2})\s*[.\-/월]\s*(\d{1,2})/)
+  if (m) return fmt(m[1], m[2], m[3])
+  // 2자리 연도: 24.01.05
+  m = text.match(/(\d{2})\s*[.\-/]\s*(\d{1,2})\s*[.\-/]\s*(\d{1,2})/)
+  if (m) return fmt('20' + m[1], m[2], m[3])
+  return null
+}
+function fmt(y, mo, d) {
+  const mm = String(Number(mo)).padStart(2, '0')
+  const dd = String(Number(d)).padStart(2, '0')
+  if (Number(mo) < 1 || Number(mo) > 12 || Number(d) < 1 || Number(d) > 31) return null
+  return `${y}-${mm}-${dd}`
+}
+
+// 상호(가게 이름) 추정 — 상단의 한글 포함, 숫자/키워드 없는 첫 줄
+function extractStore(lines) {
+  for (const line of lines.slice(0, 6)) {
+    const t = line.trim()
+    if (t.length < 2 || t.length > 30) continue
+    if (/\d/.test(t)) continue
+    if (!/[가-힣]/.test(t)) continue
+    if (TOTAL_KEYWORDS.some((k) => t.includes(k))) continue
+    if (['영수증', '주소', '사업자', '대표', 'TEL', '전화'].some((k) => t.includes(k))) continue
+    return t
+  }
+  return null
+}
+
+/**
+ * 영수증 이미지에서 금액·날짜·상호 추출.
+ * @param {File|Blob|string} image 파일 또는 dataURL
+ * @param {(p:number)=>void} onProgress 0~100 진행률 콜백
+ * @returns {Promise<{amount:number|null, date:string|null, store:string|null, text:string}>}
+ */
+export async function scanReceipt(image, onProgress) {
+  const { data } = await Tesseract.recognize(image, 'kor+eng', {
+    logger: (msg) => {
+      if (msg.status === 'recognizing text' && typeof msg.progress === 'number') {
+        onProgress?.(Math.round(msg.progress * 100))
+      }
+    },
+  })
+  const text = data.text || ''
+  const lines = text.split('\n').map((l) => l.trim()).filter(Boolean)
+  return {
+    amount: extractAmount(lines),
+    date: extractDate(text),
+    store: extractStore(lines),
+    text,
+  }
+}