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-hub/ui/AppHubWidget.tsx

@@ -20,12 +20,14 @@ import {
 } from '@/shared/config/appHubVisualMode';
 import { cn } from '@/shared/lib/cn';
 import { useToast } from '@/shared/ui';
+import {
+  AppUtilityRailWidget,
+  type AppUtilityPanelId,
+} from '@/widgets/app-utility-rail';
 import { AppTopBar } from '@/widgets/app-top-bar/ui/AppTopBar';
 import { CustomEntryWidget } from '@/widgets/custom-entry-widget/ui/CustomEntryWidget';
 import { RoomsGalleryWidget } from '@/widgets/rooms-gallery-widget/ui/RoomsGalleryWidget';
 import { StartRitualWidget } from '@/widgets/start-ritual-widget/ui/StartRitualWidget';
-import { ThoughtInboxSheet } from '@/widgets/thought-inbox-sheet';
-import { ThoughtSummaryEntryWidget } from '@/widgets/thought-summary-entry';
 
 const buildSpaceQuery = (
   roomId: string,
@@ -59,7 +61,9 @@ export const AppHubWidget = () => {
   const [goalInput, setGoalInput] = useState('');
   const [selectedGoalId, setSelectedGoalId] = useState<string | null>(null);
   const [isCustomEntryOpen, setCustomEntryOpen] = useState(false);
-  const [isThoughtInboxOpen, setThoughtInboxOpen] = useState(false);
+  const [activeUtilityPanel, setActiveUtilityPanel] = useState<AppUtilityPanelId | null>(
+    null,
+  );
 
   const visualMode: AppHubVisualMode = DEFAULT_APP_HUB_VISUAL_MODE;
   const cinematic = visualMode === 'cinematic';
@@ -147,8 +151,6 @@ export const AppHubWidget = () => {
           oneLiner={TODAY_ONE_LINER}
           onLogout={handleLogout}
           visualMode={visualMode}
-          thoughtCount={thoughtCount}
-          onOpenThoughtInbox={() => setThoughtInboxOpen(true)}
           onOpenBilling={() => router.push('/settings')}
         />
 
@@ -172,13 +174,6 @@ export const AppHubWidget = () => {
               />
             )}
           />
-          <div className="mt-3 sm:mt-4">
-            <ThoughtSummaryEntryWidget
-              visualMode={visualMode}
-              thoughtCount={thoughtCount}
-              onOpen={() => setThoughtInboxOpen(true)}
-            />
-          </div>
         </main>
       </div>
 
@@ -190,11 +185,14 @@ export const AppHubWidget = () => {
         onEnter={handleCustomEnter}
       />
 
-      <ThoughtInboxSheet
-        isOpen={isThoughtInboxOpen}
+      <AppUtilityRailWidget
+        visualMode={visualMode}
+        activePanel={activeUtilityPanel}
         thoughts={thoughts}
-        onClose={() => setThoughtInboxOpen(false)}
-        onClear={() => {
+        thoughtCount={thoughtCount}
+        onOpenPanel={setActiveUtilityPanel}
+        onClosePanel={() => setActiveUtilityPanel(null)}
+        onClearInbox={() => {
           clearThoughts();
           pushToast({ title: '메모 인박스를 비웠어요' });
         }}