fix(ui): 사이드바 드로어 상단 safe-area 여백 — iOS 상태바 겹침 해결

드로어 최상단(로고/제목)이 iOS 상태바에 가리던 문제. app-sidebar 에 padding-top: env(safe-area-inset-top) 추가.

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

src/components/layout/AppSidebar.vue

@@ -120,7 +120,8 @@ const icons = {
 .app-sidebar {
   background: var(--color-background-soft);
   border-right: 1px solid var(--color-border);
-  padding: 0 0 1rem;
+  /* iOS 상태바(노치) 영역만큼 위 여백 — 드로어 상단이 상태바에 가리지 않도록 */
+  padding: env(safe-area-inset-top, 0) 0 1rem;
 }
 .drawer-head {
   display: flex;