fix(ui): 헤더 로그인 버튼과 하단 구분선 겹침 — 세로 패딩 추가

- .app-header 및 모바일 미디어쿼리(≤768px) 둘 다 세로 패딩(0.5rem) 적용
  (미디어쿼리가 padding:0 1rem 으로 덮어써 앱에서 효과 없던 문제 포함)

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

src/components/layout/AppHeader.vue

@@ -83,7 +83,8 @@ async function handleLogout() {
   /* height 대신 min-height — 네이티브에서 layout-top 이 상단 safe-area 패딩을 더하므로
      (box-sizing:border-box) 고정 height 면 콘텐츠가 눌린다. min-height 로 헤더가 커지게. */
   min-height: 56px;
-  padding: 0 1.5rem;
+  /* 세로 패딩으로 버튼/타이틀이 하단 구분선에 붙지 않게 (상단 패딩은 네이티브에서 layout-top 이 override). */
+  padding: 0.5rem 1.5rem;
   background: var(--color-background-soft);
   border-bottom: 1px solid var(--color-border);
 }
@@ -143,7 +144,8 @@ async function handleLogout() {
     display: inline-flex;
   }
   .app-header {
-    padding: 0 1rem;
+    /* 세로 패딩 유지(로그인 버튼이 하단 구분선에 붙지 않게). 상단은 네이티브에서 layout-top override. */
+    padding: 0.5rem 1rem;
   }
   /* 좁은 화면(폰/앱): 브랜드명 텍스트 숨기고 로고만 — 두 줄 줄바꿈 방지 */
   .brand-text {