ui/phase-12: order composer skeleton

OrderDraftStore persists per-game command drafts in Cache; the
sidebar Order tab renders the list with a per-row delete control.
The layout passes a `historyMode` prop through Sidebar / BottomTabs
as a constant `false`, so Phase 26 only flips the source.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

ui/frontend/src/lib/sidebar/bottom-tabs.svelte

@@ -22,8 +22,14 @@ destinations beats the duplication.
 		gameId: string;
 		activeTool: MobileTool;
 		onSelectTool: (tool: MobileTool) => void;
+		hideOrder?: boolean;
 	};
-	let { gameId, activeTool, onSelectTool }: Props = $props();
+	let {
+		gameId,
+		activeTool,
+		onSelectTool,
+		hideOrder = false,
+	}: Props = $props();
 
 	let moreOpen = $state(false);
 	let rootEl: HTMLDivElement | null = $state(null);
@@ -99,17 +105,19 @@ destinations beats the duplication.
 			<span class="icon" aria-hidden="true">🧮</span>
 			<span class="label">{i18n.t("game.bottom_tabs.calc")}</span>
 		</button>
-		<button
-			type="button"
-			role="tab"
-			data-testid="bottom-tab-order"
-			aria-selected={activeTool === "order"}
-			class:active={activeTool === "order"}
-			onclick={() => selectTool("order")}
-		>
-			<span class="icon" aria-hidden="true">📝</span>
-			<span class="label">{i18n.t("game.bottom_tabs.order")}</span>
-		</button>
+		{#if !hideOrder}
+			<button
+				type="button"
+				role="tab"
+				data-testid="bottom-tab-order"
+				aria-selected={activeTool === "order"}
+				class:active={activeTool === "order"}
+				onclick={() => selectTool("order")}
+			>
+				<span class="icon" aria-hidden="true">📝</span>
+				<span class="label">{i18n.t("game.bottom_tabs.order")}</span>
+			</button>
+		{/if}
 		<button
 			type="button"
 			data-testid="bottom-tab-more"