feat(orders): 登录保护的生产订单标签页 + 一键导出多层 ZIP（小型程序 WCD 任务）

frontend/src/App.tsx

@@ -2,12 +2,13 @@ import { useEffect, useLayoutEffect, useState } from 'react';
 import type { ThemeMode } from './components/AppSettingsWindow';
 import CanvasStudio from './pages/CanvasStudio';
 import HelpPage from './pages/HelpPage';
+import OrdersPage from './pages/OrdersPage';
 import TemplateHome from './pages/TemplateHome';
 import TestWorkbench from './pages/TestWorkbench';
 import { CanvasDocument, WordcloudReplaceSession, WordcloudStickerPayload } from './types';
 import { createDefaultDocument } from './lib/canvasDocument';
 
-type AppPage = 'home' | 'canvas' | 'wordcloud' | 'help';
+type AppPage = 'home' | 'canvas' | 'wordcloud' | 'orders' | 'help';
 
 const getStoredTheme = (): ThemeMode => {
   const stored = window.localStorage.getItem('wordcloud-theme');
@@ -98,6 +99,18 @@ export default function App() {
         onOpenHome={() => setPage('home')}
         onOpenCanvas={() => setPage('canvas')}
         onOpenWordcloud={() => setPage('wordcloud')}
+        onOpenOrders={() => setPage('orders')}
+      />
+    );
+  }
+
+  if (page === 'orders') {
+    return (
+      <OrdersPage
+        themeMode={themeMode}
+        systemTheme={systemTheme}
+        onThemeModeChange={setThemeMode}
+        onOpenHome={() => setPage('home')}
       />
     );
   }
@@ -117,6 +130,7 @@ export default function App() {
       }}
       onOpenCanvas={() => setPage('canvas')}
       onOpenWordcloud={() => setPage('wordcloud')}
+      onOpenOrders={() => setPage('orders')}
       onOpenHelp={openHelp}
     />
   );