style: 상/하단 safe-area 여백 축소 (헤더 위·탭바 아래 공백 감소)

다이나믹 아일랜드는 화면 중앙에만 있어 헤더 양옆 콘텐츠는 full inset 불필요.
상태바/홈바 최소 여백만 남기고 safe-top/safe-bottom 을 줄임.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/css/app.scss

@@ -8,9 +8,11 @@ body {
 }
 
 // iOS 노치/홈바 safe-area 대응
+// 다이나믹 아일랜드는 화면 가운데에만 있어 헤더 양옆(제목·아이콘)은 full inset 이 불필요.
+// 상태바/홈바 최소 여백만 남기고 축소해 상/하단 빈 공간을 줄인다.
 .safe-top {
-  padding-top: env(safe-area-inset-top);
+  padding-top: max(24px, calc(env(safe-area-inset-top) - 8px));
 }
 .safe-bottom {
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 14px));
 }