feat(app-hub): 허브 도구 레일과 입장 동선을 정리

맥락:\n- 상단 헤더 요소가 많아 허브의 핵심 흐름(공간 선택 → 목표 입력 → 입장)이 분산되었습니다.\n- 메모/통계/설정 진입을 상단이 아닌 보조 동선으로 옮겨 감성 톤을 유지할 필요가 있었습니다.\n\n변경사항:\n- 우측 아이콘 레일과 우측 드로어를 추가해 Inbox/Stats/Settings를 동일 패턴으로 제공했습니다.\n- TopBar에서 메모 버튼을 제거하고, 멤버십/PRO 동선은 ProfileMenu 드롭다운으로 정리했습니다.\n- Selected Space 박스를 슬림화하고 설명을 1줄로 제한해 시선 분산을 줄였습니다.\n- 추천 공간 카드에 텍스트 가독성 오버레이와 선택 표시(은은한 테두리/체크)를 적용했습니다.\n- Quick Entry에서 커스텀 CTA 무게를 낮추고 전체 톤을 가볍게 조정했습니다.\n- docs/work.template.md를 추가하고 docs/work.md의 현재 작업 지시를 갱신했습니다.\n\n검증:\n- npm run build\n- npx tsc --noEmit\n\n세션-상태: /app 허브가 상단 과밀 없이 레일+드로어 보조 동선으로 정리되었습니다.\n세션-다음: 드로어 패널의 실제 데이터 연결 시 도메인 상태와 연동을 진행합니다.\n세션-리스크: 드로어 포커스 트랩/키보드 동선은 추가 접근성 점검이 필요합니다.

src/widgets/app-top-bar/ui/AppTopBar.tsx

@@ -1,4 +1,4 @@
-import { MembershipTierBadge, type ViewerProfile } from '@/entities/user';
+import type { ViewerProfile } from '@/entities/user';
 import type { AppHubVisualMode } from '@/shared/config/appHubVisualMode';
 import { cn } from '@/shared/lib/cn';
 import { ProfileMenu } from '@/features/profile-menu';
@@ -8,8 +8,6 @@ interface AppTopBarProps {
   oneLiner: string;
   onLogout: () => void;
   visualMode?: AppHubVisualMode;
-  thoughtCount?: number;
-  onOpenThoughtInbox?: () => void;
   onOpenBilling?: () => void;
 }
 
@@ -18,12 +16,9 @@ export const AppTopBar = ({
   oneLiner,
   onLogout,
   visualMode = 'light',
-  thoughtCount = 0,
-  onOpenThoughtInbox,
   onOpenBilling,
 }: AppTopBarProps) => {
   const cinematic = visualMode === 'cinematic';
-  const thoughtCountLabel = thoughtCount > 99 ? '99+' : `${thoughtCount}`;
 
   return (
     <header className="relative z-20 px-4 pt-4 sm:px-6 lg:px-8">
@@ -38,66 +33,16 @@ export const AppTopBar = ({
         <div className="min-w-0">
           <p
             className={cn(
-              'text-sm font-semibold tracking-tight',
+              'text-base font-semibold tracking-tight',
               cinematic ? 'text-white/94' : 'text-brand-dark',
             )}
           >
-            VibeRoom
-          </p>
-          <p
-            className={cn(
-              'mt-0.5 hidden truncate text-xs sm:block',
-              cinematic ? 'text-white/62' : 'text-brand-dark/56',
-            )}
-          >
-            {oneLiner}
+            <span title={oneLiner}>VibeRoom</span>
           </p>
         </div>
 
         <div className="flex items-center gap-2.5 sm:gap-3">
-          {onOpenBilling ? (
-            <button
-              type="button"
-              onClick={onOpenBilling}
-              className={cn(
-                'hidden text-xs font-medium transition-colors md:inline-flex',
-                cinematic
-                  ? 'text-white/62 hover:text-white/90'
-                  : 'text-brand-dark/56 hover:text-brand-dark/84',
-              )}
-            >
-              PRO 기능 보기
-            </button>
-          ) : null}
-          {onOpenThoughtInbox ? (
-            <button
-              type="button"
-              onClick={onOpenThoughtInbox}
-              className={cn(
-                'inline-flex h-8 items-center gap-1.5 rounded-full border px-2.5 text-[11px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-300/75 sm:h-9 sm:px-3 sm:text-xs',
-                cinematic
-                  ? 'border-white/22 bg-white/10 text-white/86 hover:bg-white/16'
-                  : 'border-brand-dark/14 bg-white/72 text-brand-dark/80 hover:bg-white/90',
-              )}
-            >
-              <span aria-hidden>📝</span>
-              <span className="hidden sm:inline">메모</span>
-              {thoughtCount > 0 ? (
-                <span
-                  className={cn(
-                    'inline-flex min-w-[1.2rem] items-center justify-center rounded-full px-1.5 py-0.5 text-[10px] font-semibold',
-                    cinematic
-                      ? 'bg-sky-200/20 text-sky-100'
-                      : 'bg-brand-primary/14 text-brand-primary/86',
-                  )}
-                >
-                  {thoughtCountLabel}
-                </span>
-              ) : null}
-            </button>
-          ) : null}
-          <MembershipTierBadge tier={user.membershipTier} />
-          <ProfileMenu user={user} onLogout={onLogout} />
+          <ProfileMenu user={user} onLogout={onLogout} onOpenBilling={onOpenBilling} />
         </div>
       </div>
     </header>