feat(shop): 포인트 상점 프론트엔드 구현

- accountApi: shopStatus(), buyShopItem(item) 추가; buyShopItem은 DEMO_WRITES에 등록
- router: /settings/shop → ShopView.vue 라우트 추가
- ShopView.vue: 포인트 잔액·상품 카드(계좌 슬롯/AI 통계) 구매 화면, PREMIUM 회원 안내 분기
- AccountInfoView: '기프트콘 교환' → '포인트 상점' 로 이름 변경 + 클릭 시 /settings/shop 이동
- AccountDashboardView: AI 코멘트 402 응답 시 크레딧 소진 안내 + 상점 이동 버튼 노출
- LAUNCH-PROGRESS: 포인트 상점 ✅ 완료 표시, 다음 재개 지점 현행화

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

src/views/account/AccountDashboardView.vue

@@ -1,8 +1,11 @@
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import { accountApi } from '@/api/accountApi'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
+const router = useRouter()
+
 const now = new Date()
 const year = ref(now.getFullYear())
 const month = ref(now.getMonth() + 1)
@@ -32,6 +35,7 @@ const forecastHint = ref('') // 초반(표본 부족)엔 값 대신 안내
 const FORECAST_MIN_DAYS = 10 // 이 날짜(경과일)부터 예상 지출 노출(초반 표본 부족·튐 방지)
 const forecastLoading = ref(false)
 const aiLoading = ref(false)
+const aiNoCredit = ref(false) // FREE 회원 크레딧 소진 상태
 
 const periodLabel = computed(() => `${year.value}년 ${String(month.value).padStart(2, '0')}월`)
 
@@ -334,6 +338,7 @@ async function load() {
 // 이번 달 집계만 백엔드로 보내 AI 재무 코멘트를 받는다(거래 원문 미전송, 실패해도 무중단)
 async function loadAiComment() {
   aiLoading.value = true
+  aiNoCredit.value = false
   aiBullets.value = []
   aiTips.value = []
   try {
@@ -349,7 +354,10 @@ async function loadAiComment() {
     })
     aiBullets.value = res?.bullets || []
     aiTips.value = res?.tips || []
-  } catch {
+  } catch (e) {
+    if (e.response?.status === 402) {
+      aiNoCredit.value = true
+    }
     aiBullets.value = []
     aiTips.value = []
   } finally {
@@ -421,6 +429,13 @@ onMounted(async () => {
     <p v-if="loading" class="msg">불러오는 중...</p>
 
     <template v-else>
+      <!-- 무료 회원 AI 크레딧 소진 안내 -->
+      <div v-if="aiNoCredit" class="ai-comment ai-no-credit">
+        <div class="ai-comment-head">✨ AI 코멘트</div>
+        <p class="ai-credit-msg">AI 통계 분석 이용권이 소진되었습니다.<br>포인트 상점에서 추가 구매할 수 있어요.</p>
+        <button type="button" class="ai-shop-btn" @click="router.push('/settings/shop')">포인트 상점 ›</button>
+      </div>
+
       <!-- AI 재무 코멘트 + 절약 가이드: 이번 달 집계 해석 -->
       <div v-if="aiLoading || aiBullets.length || aiTips.length" class="ai-comment">
         <div class="ai-comment-head">✨ 이번 달 AI 코멘트</div>
@@ -725,6 +740,26 @@ h2 {
   color: #b8860b;
   margin-bottom: 0.4rem;
 }
+.ai-no-credit {
+  border-color: hsla(220, 80%, 60%, 0.4);
+}
+.ai-credit-msg {
+  font-size: 0.88rem;
+  color: var(--color-muted, #888);
+  line-height: 1.5;
+  margin: 0.4rem 0 0.7rem;
+}
+.ai-shop-btn {
+  display: inline-block;
+  padding: 6px 14px;
+  border-radius: 7px;
+  border: none;
+  background: #2563eb;
+  color: #fff;
+  font-size: 0.85rem;
+  font-weight: 600;
+  cursor: pointer;
+}
 .panel-head {
   display: flex;
   align-items: center;