feat: 바텀 내비 하단 고정(소프트키 위)·아이콘화 + 비밀번호 변경 정보변경 화면 통합

- AppBottomNav: position fixed 하단 고정(스크롤 무관 상시 노출), 아이콘 전용(28px)
- MainActivity: 시스템 바 인셋만큼 웹뷰 패딩 — 에지투에지(targetSdk36)에서 소프트키 겹침 해소
- ProfileEditView: 정보변경 화면에 비밀번호 변경 섹션 흡수(현재 비밀번호 재사용)
- AppHeader 비밀번호 아이콘·App.vue ChangePasswordModal 마운트 제거(진입점 일원화)

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

src/views/settings/ProfileEditView.vue

@@ -8,8 +8,9 @@ const auth = useAuthStore()
 const router = useRouter()
 
 const step = ref('verify') // 'verify' → 'edit'
-const password = ref('')
+const password = ref('') // verify 단계에서 입력한 현재 비밀번호 (비밀번호 변경 시 재사용)
 const form = reactive({ name: '', email: '' })
+const pw = reactive({ next: '', confirm: '' }) // 비밀번호 변경(선택)
 const loading = ref(false)
 const error = ref('')
 
@@ -52,14 +53,34 @@ async function save() {
     error.value = '이메일 형식이 올바르지 않습니다.'
     return
   }
+  // 비밀번호 변경(선택) — 새 비밀번호를 입력한 경우에만 검증/적용
+  const changePw = !!pw.next
+  if (changePw) {
+    if (pw.next.length < 8 || pw.next.length > 64) {
+      error.value = '새 비밀번호는 8~64자여야 합니다.'
+      return
+    }
+    if (pw.next !== pw.confirm) {
+      error.value = '새 비밀번호 확인이 일치하지 않습니다.'
+      return
+    }
+    if (pw.next === password.value) {
+      error.value = '새 비밀번호가 현재 비밀번호와 동일합니다.'
+      return
+    }
+  }
   loading.value = true
   try {
     const res = await authApi.updateProfile({ name, email: email || null })
     await auth.applyUser({ name: res.name, email: res.email })
-    window.alert('가입정보가 변경되었습니다.')
+    // verify 단계에서 입력한 현재 비밀번호를 그대로 사용해 비밀번호도 변경
+    if (changePw) {
+      await authApi.changePassword({ currentPassword: password.value, newPassword: pw.next })
+    }
+    window.alert(changePw ? '가입정보와 비밀번호가 변경되었습니다.' : '가입정보가 변경되었습니다.')
     router.push('/settings/account')
   } catch (e) {
-    error.value = e.response?.data?.message || '가입정보 변경에 실패했습니다.'
+    error.value = e.response?.data?.message || '변경에 실패했습니다.'
   } finally {
     loading.value = false
   }
@@ -112,6 +133,18 @@ function cancel() {
         <span class="flabel">이메일</span>
         <input v-model="form.email" type="email" maxlength="255" placeholder="이메일 (선택)" :disabled="loading" />
       </label>
+
+      <hr class="divider" />
+      <p class="section-label">비밀번호 변경 <span class="opt">(변경 시에만 입력)</span></p>
+      <label class="field">
+        <span class="flabel">새 비밀번호</span>
+        <input v-model="pw.next" type="password" autocomplete="new-password" maxlength="64" placeholder="새 비밀번호 (8~64자)" :disabled="loading" />
+      </label>
+      <label class="field">
+        <span class="flabel">새 비밀번호 확인</span>
+        <input v-model="pw.confirm" type="password" autocomplete="new-password" maxlength="64" placeholder="새 비밀번호 확인" :disabled="loading" />
+      </label>
+
       <p v-if="error" class="error">{{ error }}</p>
       <div class="actions">
         <button class="ghost-btn" type="button" :disabled="loading" @click="cancel">취소</button>
@@ -192,6 +225,21 @@ function cancel() {
   font-size: 0.74rem;
   opacity: 0.5;
 }
+.divider {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+  margin: 0.25rem 0;
+}
+.section-label {
+  margin: 0;
+  font-size: 0.9rem;
+  font-weight: 600;
+}
+.section-label .opt {
+  font-weight: 400;
+  font-size: 0.78rem;
+  opacity: 0.55;
+}
 .error {
   margin: 0;
   color: #c0392b;