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/.next/static/chunks/app/dashboard/layout-cf1232a77c88c077.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[954],{324:(e,s,r)=>{"use strict";r.d(s,{Sidebar:()=>m});var a=r(4568),l=r(7541),o=r(1284),t=r(6987),n=r(3133),i=r(5193),d=r(5431),c=r(3775),h=r(1084),x=r(2278),p=r(2775),b=r(2010),u=r(1441),y=r(3791),g=r(7740),j=r(1037);function m(){var e,s,r,m;let M=(0,l.useRouter)(),A=(0,l.usePathname)(),{t:f}=(0,g.s9)(),k=[{key:"dashboard",path:"/dashboard",label:null!=(e=f("nav.dashboard"))?e:"Dashboard",icon:(0,a.jsx)(h.A,{})},{key:"meetings",path:"/meetings",label:null!=(s=f("nav.meetings"))?s:"Meetings",icon:(0,a.jsx)(x.A,{})},{key:"record",path:"/record",label:null!=(r=f("nav.record"))?r:"Record",icon:(0,a.jsx)(p.A,{})}];async function v(){let e=(0,j.c)();await e.auth.signOut(),M.replace("/login")}return(0,a.jsxs)(o.default,{sx:{width:240,minHeight:"100vh",bgcolor:y.sM.bg.sidebar,borderRight:"1px solid ".concat(y.sM.border.default),display:"flex",flexDirection:"column"},children:[(0,a.jsx)(o.default,{sx:{p:3,borderBottom:"1px solid ".concat(y.sM.border.default)},children:(0,a.jsx)(u.Rk,{variant:"heading",children:"D3RO VOICE"})}),(0,a.jsx)(t.A,{sx:{flex:1,py:2},children:k.map(e=>{let s=A===e.path||A.startsWith("".concat(e.path,"/"));return(0,a.jsx)(n.Ay,{disablePadding:!0,children:(0,a.jsxs)(i.A,{selected:s,onClick:()=>M.push(e.path),sx:{"&.Mui-selected":{bgcolor:y.sM.bg.inset,borderLeft:"3px solid ".concat(y.sM.accent.amber)}},children:[(0,a.jsx)(d.A,{sx:{color:s?y.sM.accent.amber:y.sM.text.label},children:e.icon}),(0,a.jsx)(c.A,{primary:e.label,primaryTypographyProps:{color:s?y.sM.text.primary:y.sM.text.secondary}})]})},e.key)})}),(0,a.jsx)(t.A,{sx:{borderTop:"1px solid ".concat(y.sM.border.default)},children:(0,a.jsx)(n.Ay,{disablePadding:!0,children:(0,a.jsxs)(i.A,{onClick:()=>void v(),children:[(0,a.jsx)(d.A,{sx:{color:y.sM.text.label},children:(0,a.jsx)(b.A,{})}),(0,a.jsx)(c.A,{primary:null!=(m=f("nav.logout"))?m:"Logout",primaryTypographyProps:{color:y.sM.text.secondary}})]})})})]})}},1441:(e,s,r)=>{"use strict";r.d(s,{Rk:()=>l.PhosphorText,Uu:()=>a.MetalCard}),r(4070),r(9006),r(5281),r(6652);var a=r(9502),l=r(215);r(2517),r(1459),r(984)},7963:(e,s,r)=>{Promise.resolve().then(r.bind(r,324)),Promise.resolve().then(r.bind(r,1284))}},e=>{e.O(0,[385,77,988,189,140,576,791,184,910,587,18,358],()=>e(e.s=7963)),_N_E=e.O()}]);

apps/web/.next/static/chunks/app/dashboard/page-d4e1f55b332b141f.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[105],{2255:(e,r,o)=>{Promise.resolve().then(o.bind(o,1284)),Promise.resolve().then(o.bind(o,7960)),Promise.resolve().then(o.bind(o,5754)),Promise.resolve().then(o.bind(o,7301)),Promise.resolve().then(o.bind(o,8613)),Promise.resolve().then(o.bind(o,9746)),Promise.resolve().then(o.bind(o,1379)),Promise.resolve().then(o.bind(o,1774)),Promise.resolve().then(o.bind(o,8448)),Promise.resolve().then(o.bind(o,7273)),Promise.resolve().then(o.bind(o,5608)),Promise.resolve().then(o.bind(o,1238)),Promise.resolve().then(o.bind(o,4590)),Promise.resolve().then(o.bind(o,3174)),Promise.resolve().then(o.bind(o,2421)),Promise.resolve().then(o.bind(o,8758)),Promise.resolve().then(o.bind(o,9969)),Promise.resolve().then(o.bind(o,8356)),Promise.resolve().then(o.bind(o,5845)),Promise.resolve().then(o.bind(o,3292)),Promise.resolve().then(o.bind(o,2406)),Promise.resolve().then(o.bind(o,2105)),Promise.resolve().then(o.bind(o,1374)),Promise.resolve().then(o.bind(o,1580)),Promise.resolve().then(o.bind(o,850)),Promise.resolve().then(o.bind(o,6310)),Promise.resolve().then(o.bind(o,984)),Promise.resolve().then(o.bind(o,4070)),Promise.resolve().then(o.bind(o,9006)),Promise.resolve().then(o.bind(o,5281)),Promise.resolve().then(o.bind(o,9502)),Promise.resolve().then(o.bind(o,2517)),Promise.resolve().then(o.bind(o,215)),Promise.resolve().then(o.bind(o,6652)),Promise.resolve().then(o.bind(o,1459))},5754:(e,r,o)=>{"use strict";o.d(r,{default:()=>t});var i=o(3292),n=o(8613),s=o(5120);let t=(0,i.default)({createStyledComponent:(0,n.default)("div",{name:"MuiStack",slot:"Root"}),useThemeProps:e=>(0,s.b)({props:e,name:"MuiStack"})})},7488:(e,r,o)=>{"use strict";o.d(r,{A:()=>n});var i=o(7620);function n(e,r){return i.isValidElement(e)&&-1!==r.indexOf(e.type.muiName??e.type?._payload?.value?.muiName)}},7960:(e,r,o)=>{"use strict";o.r(r),o.d(r,{default:()=>d});var i=o(9969),n=o(8613),s=o(5120),t=o(1774);let d=(0,i.default)({createStyledComponent:(0,n.default)("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,r)=>{let{ownerState:o}=e;return[r.root,o.container&&r.container]}}),componentName:"MuiGrid",useThemeProps:e=>(0,s.b)({props:e,name:"MuiGrid"}),useTheme:t.default})}},e=>{e.O(0,[77,189,746,605,791,910,587,18,358],()=>e(e.s=2255)),_N_E=e.O()}]);