feat: 멤버십(무료/유료) 게이팅 — 프론트

- auth 스토어 isPremium/isAdmin 추가 (plan===PREMIUM 또는 관리자)
- 사이드바: 통계·고정지출·예산·태그 메뉴에 무료 회원 잠금 배지(🔒)
- 라우트 가드: 유료 전용 화면(requiresPremium) → 무료 회원은 /upgrade
- UpgradeView: 무료/유료 기능 비교 + 업그레이드 안내
- http 인터셉터: 403 PREMIUM_REQUIRED → premium:required 이벤트 → 업그레이드 화면
- 무료 화면의 유료 API 호출 차단(홈 예산·내역 태그·OCR·카드알림 게이팅)
- 회원관리: 멤버십 컬럼 + 무료/유료 토글(관리자)
- 설정: 데이터 백업/복구 유료 게이팅, 계정정보에 멤버십 표시

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

src/views/settings/AccountInfoView.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from 'vue'
-import { useRouter } from 'vue-router'
+import { RouterLink, useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 
 const auth = useAuthStore()
@@ -8,6 +8,8 @@ const router = useRouter()
 
 const u = computed(() => auth.user || {})
 const roleLabel = computed(() => (u.value.role === 'ADMIN' ? '관리자' : '일반회원'))
+const isPremium = computed(() => auth.isPremium)
+const planLabel = computed(() => (isPremium.value ? '유료 멤버십' : '무료'))
 
 function goEdit() {
   router.push('/settings/account/edit')
@@ -30,6 +32,13 @@ function goEdit() {
         <span class="k">권한</span>
         <span class="v">{{ roleLabel }}</span>
       </div>
+      <div class="row">
+        <span class="k">멤버십</span>
+        <span class="v">
+          <span :class="{ premium: isPremium }">{{ planLabel }}</span>
+          <RouterLink v-if="!isPremium" to="/upgrade" class="up-link">업그레이드 →</RouterLink>
+        </span>
+      </div>
     </section>
 
     <button type="button" class="primary-btn" @click="goEdit">이름 변경</button>
@@ -92,6 +101,15 @@ function goEdit() {
   text-align: right;
   word-break: break-all;
 }
+.v .premium {
+  color: #b8860b;
+}
+.up-link {
+  margin-left: 0.5rem;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: hsla(160, 100%, 37%, 1);
+}
 .primary-btn {
   width: 100%;
   margin-top: 1.25rem;