feat(V2-3): Web App MVP — Next.js 15 + @d3ro/api-client

packages/api-client (@d3ro/api-client) 신규:
- types.ts: 12개 테이블 Row/Insert/Update 타입 + Database 형식
- client.ts: createD3roSupabaseClient 팩토리 (placeholder fallback)
- auth.ts: signInWithOAuth/signOut/getSession/onAuthStateChange
- meetings.ts: 회의 + 메모 + 문서 + 전사 CRUD
- history.ts: 음성 입력 이력 CRUD
- usage.ts: 일일 쿼터 + 구독 조회
- 루트 barrel은 types만 re-export, 함수는 subpath import 전용

apps/web (@d3ro/web) 신규 — Next.js 15 App Router:
- transpilePackages: @d3ro/core, ui, i18n, api-client
- ThemeProvider (MUI + AppRouterCacheProvider)
- I18nProvider (localStorage 어댑터)
- AuthProvider (Supabase session Context)
- 라우트 9개:
  - / (auth 상태 기반 리다이렉트)
  - /login (Google/GitHub OAuth, 미설정 경고)
  - /auth/callback (code -> session 교환)
  - /dashboard (요약 카드 + 최근 회의)
  - /meetings (카드 그리드 리스트)
  - /meetings/[id] (transcripts/memos/documents)
  - /record (getUserMedia + MediaRecorder + stt-proxy)
- Sidebar, 인증 가드, 9바 웨이브폼, 레벨 미터

packages/ui 확장:
- MetalCard가 BoxProps 상속 (sx/onClick 등 전달)
- theme.ts에 typoSx(key) 헬퍼 추가 (d3roTypo -> MUI sx 변환)
- d3roPalette.tag.blue 추가 (M5 정리 포함)
- DS 컴포넌트 9개에 'use client' directive
- MetalDial 미사용 import 제거

packages/i18n 확장:
- ko.json에 7개 새 키 (nav.meetings/record/logout, login.*)

설계 결정:
- Database 제네릭 현재는 기본 타입 (V2-4에서 supabase gen types로 자동화)
- api-client barrel은 타입만 노출해서 컴파일 전파 차단
- DS 컴포넌트 client 경계 명시
- env 없어도 Next.js 빌드 성공 (placeholder URL/key)

검증:
- web typecheck OK
- desktop typecheck OK (회귀 없음)
- web next build OK (9 라우트 정적/동적 생성)
- desktop build OK (회귀 없음)

apps/web/src/app/login/page.tsx

@@ -0,0 +1,122 @@
+'use client'
+
+// apps/web/src/app/login/page.tsx
+// OAuth 로그인 페이지
+
+import { useRouter } from 'next/navigation'
+import { useEffect, useState } from 'react'
+import { Box, Button, Stack, Alert } from '@mui/material'
+import GoogleIcon from '@mui/icons-material/Google'
+import GitHubIcon from '@mui/icons-material/GitHub'
+import { MetalCard, PhosphorText } from '@d3ro/ui/components/ds'
+import { d3roPalette, typoSx } from "@d3ro/ui/theme"
+import { useI18n } from '@d3ro/i18n'
+import { getSupabaseBrowserClient, isSupabaseConfigured } from '@/lib/supabase-browser'
+import { useAuth } from '@/components/providers/auth-provider'
+
+export default function LoginPage(): React.ReactElement {
+  const router = useRouter()
+  const { user, loading } = useAuth()
+  const { t } = useI18n()
+  const [error, setError] = useState<string | null>(null)
+  const [signingIn, setSigningIn] = useState(false)
+  const configured = isSupabaseConfigured()
+
+  // 이미 로그인이면 대시보드로
+  useEffect(() => {
+    if (!loading && user) {
+      router.replace('/dashboard')
+    }
+  }, [loading, user, router])
+
+  async function handleOAuth(provider: 'google' | 'github'): Promise<void> {
+    if (!configured) {
+      setError('Supabase 환경변수가 설정되지 않았습니다. apps/web/env.example.txt를 참고하세요.')
+      return
+    }
+    setError(null)
+    setSigningIn(true)
+
+    try {
+      const supabase = getSupabaseBrowserClient()
+      const redirectTo = `${window.location.origin}/auth/callback`
+      const { error: err } = await supabase.auth.signInWithOAuth({
+        provider,
+        options: { redirectTo }
+      })
+      if (err) {
+        setError(err.message)
+        setSigningIn(false)
+      }
+      // 성공 시 브라우저가 provider로 리다이렉트되므로 여기서 끝
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Unknown error')
+      setSigningIn(false)
+    }
+  }
+
+  return (
+    <Box
+      sx={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        bgcolor: d3roPalette.bg.app,
+        p: 4
+      }}
+    >
+      <MetalCard sx={{ maxWidth: 420, width: '100%', p: 4 }}>
+        <Stack spacing={3}>
+          <Box sx={{ textAlign: 'center' }}>
+            <PhosphorText variant="title">
+              D3RO VOICE
+            </PhosphorText>
+            <Box sx={{ mt: 1, ...typoSx("label"), color: d3roPalette.text.secondary }}>
+              {t('login.subtitle') ?? 'AI 음성 어시스턴트'}
+            </Box>
+          </Box>
+
+          {!configured && (
+            <Alert severity="warning" variant="outlined">
+              Supabase 환경변수가 설정되지 않았습니다. 로그인은 env 설정 후 가능합니다.
+            </Alert>
+          )}
+
+          {error && (
+            <Alert severity="error" variant="outlined">
+              {error}
+            </Alert>
+          )}
+
+          <Stack spacing={2}>
+            <Button
+              fullWidth
+              variant="contained"
+              size="large"
+              startIcon={<GoogleIcon />}
+              disabled={signingIn || !configured}
+              onClick={() => void handleOAuth('google')}
+            >
+              {t('login.google') ?? 'Google로 계속하기'}
+            </Button>
+            <Button
+              fullWidth
+              variant="outlined"
+              size="large"
+              startIcon={<GitHubIcon />}
+              disabled={signingIn || !configured}
+              onClick={() => void handleOAuth('github')}
+            >
+              {t('login.github') ?? 'GitHub로 계속하기'}
+            </Button>
+          </Stack>
+
+          <Box sx={{ textAlign: 'center', color: d3roPalette.text.label, fontSize: 12 }}>
+            {t('login.terms') ?? '계속 진행하면 이용약관 및 개인정보 처리방침에 동의합니다.'}
+          </Box>
+        </Stack>
+      </MetalCard>
+    </Box>
+  )
+}