Feature/common layout and record UI

[seunngh]

종류

• ✨ 기능 (feat)
• 🐛 버그 수정 (fix)
• 🎨 디자인 / UI
• 📝 문서 (docs)
• 🔧 설정 / 잡무 (chore)

무엇을 / 왜

공통 base.html(phone-frame + 하단 5탭 네비게이션)과 common.css의 static 경로를
실제 참조 경로에 맞게 정리했습니다. earn_record_form.html / record_choice.html /
spend_record_form.html 세 화면에 공통 레이아웃 적용을 완료했습니다.
상단 타이틀 정렬 문제를 수정했습니다.

관련 이슈

Closes #38
Closes #37

변경 사항

• common.css를 static/common/common.css → static/css/common.css로 위치 정리 (base.html static 태그 경로 불일치 수정)
• base.html 공통 레이아웃(phone-frame, 하단 네비게이션) 정리
• earn_record_form.html, record_choice.html, spend_record_form.html 세 화면에 공통 레이아웃({% extends "base.html" %}) 적용 완료
• 인증 사진 URL 블록과 버튼 영역 사이 여백 늘려서 버튼이 하단에 가깝게 위치하도록 수정 (.field-block + .footer-actions)
• 상단 타이틀 중앙 정렬 수정

테스트 방법

1. docker-compose up으로 로컬 실행
2. /ledger/record/earn/?mode=timer 접속 → 타이머 시작 → 종료 눌러 결과 패널이 화면 하단에 자연스럽게 붙는지 확인
3. /ledger/record/earn/?mode=manual 접속 → 시간/분 입력 시에도 동일하게 확인
4. 다른 화면들도 상단바 CSS(common.css)가 정상 적용되는지 확인 (경로 변경 영향 범위 체크)

스크린샷

체크리스트

• 로컬에서 실행해봤고 안 깨진다 (docker-compose up)
• 커밋 컨벤션(feat:, fix:, docs: ...)을 지켰다
• .env 등 시크릿은 커밋에 포함되지 않았다
• 리뷰어 2명 이상 지정했다