fix(web): Settings 탭 버튼 간격 및 테두리 시인성 개선

탭 하단 여백 추가, border 색상을 border-subtle → border로 강화,
배경을 bg-surface로 올려 모달 배경과 구분되도록 수정.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: SOIV

apps/web/src/styles/settings.css

@@ -90,12 +90,13 @@
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
+  margin-bottom: 20px;
 }
 
 .settings-tab {
-  border: 1px solid var(--border-subtle);
+  border: 1px solid var(--border);
   border-radius: 999px;
-  background: var(--bg-elevated);
+  background: var(--bg-surface);
   color: var(--text-muted);
   font-size: 12px;
   font-weight: 700;
@@ -107,7 +108,7 @@
 .settings-tab:hover {
   background: var(--bg-hover);
   color: var(--text);
-  border-color: var(--border);
+  border-color: var(--accent);
 }
 
 .settings-dialog-body {