feat: add product archive management page

frontend/src/App.tsx

@@ -4,12 +4,13 @@ import CanvasStudio from './pages/CanvasStudio';
 import FindPage from './pages/FindPage';
 import HelpPage from './pages/HelpPage';
 import OrdersPage from './pages/OrdersPage';
+import ProductArchivePage from './pages/ProductArchivePage';
 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' | 'orders' | 'find' | 'help';
+type AppPage = 'home' | 'canvas' | 'wordcloud' | 'orders' | 'products' | 'find' | 'help';
 
 const getStoredTheme = (): ThemeMode => {
   const stored = window.localStorage.getItem('wordcloud-theme');
@@ -129,6 +130,18 @@ export default function App() {
     );
   }
 
+  if (page === 'products') {
+    return (
+      <ProductArchivePage
+        themeMode={themeMode}
+        systemTheme={systemTheme}
+        onThemeModeChange={setThemeMode}
+        onOpenHome={() => setPage('home')}
+        onOpenHelp={openHelp}
+      />
+    );
+  }
+
   return (
     <TemplateHome
       themeMode={themeMode}
@@ -143,6 +156,7 @@ export default function App() {
         setPage('canvas');
       }}
       onOpenOrders={() => setPage('orders')}
+      onOpenProducts={() => setPage('products')}
       onOpenFind={() => setPage('find')}
       onOpenHelp={openHelp}
     />