feat: 프론트 인증 연동 (소셜 로그인 + Bearer 세션)

- 로그인 화면: 구글(GIS) 버튼 + 애플 버튼 + 개발용 로그인(local)
- 인증 스토어(Pinia): 토큰 복구/로그인/로그아웃, 회원 티어를 광고·매칭 제어에 반영
- HTTP 클라이언트: Authorization Bearer 자동 첨부, 401 시 토큰 폐기 후 로그인 이동
- 라우터 가드: 미로그인 시 보호 경로 → /login (소셜 로그인 전용 앱)
- 헤더 회원 메뉴/로그아웃, 체크인 주체를 로그인 회원으로 전환
- 토큰 localStorage 저장(웹/Capacitor 공용)

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

src/layouts/MainLayout.vue

@@ -8,6 +8,23 @@
         <q-chip dense color="white" text-color="primary" icon="bolt">
           {{ tierLabel }}
         </q-chip>
+        <q-btn flat round dense icon="account_circle">
+          <q-menu>
+            <q-list style="min-width: 160px">
+              <q-item>
+                <q-item-section>
+                  <q-item-label class="text-weight-medium">{{ auth.member?.nickname }}</q-item-label>
+                  <q-item-label caption>{{ auth.member?.email }}</q-item-label>
+                </q-item-section>
+              </q-item>
+              <q-separator />
+              <q-item clickable v-close-popup @click="onLogout">
+                <q-item-section avatar><q-icon name="logout" /></q-item-section>
+                <q-item-section>로그아웃</q-item-section>
+              </q-item>
+            </q-list>
+          </q-menu>
+        </q-btn>
       </q-toolbar>
     </q-header>
 
@@ -34,11 +51,15 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import AdBanner from '@/components/AdBanner.vue'
 import { useSubscriptionStore } from '@/stores/subscription'
+import { useAuthStore } from '@/stores/auth'
 
 const tab = ref('home')
 const subscription = useSubscriptionStore()
+const auth = useAuthStore()
+const router = useRouter()
 
 const tierLabel = computed(() => {
   switch (subscription.tier) {
@@ -50,4 +71,9 @@ const tierLabel = computed(() => {
       return 'FREE'
   }
 })
+
+async function onLogout() {
+  await auth.logout()
+  router.replace({ name: 'login' })
+}
 </script>