Add E2E tests for internationalization across multiple pages

- Implemented navigation.spec.ts to test language switching and translation of navigation elements.
- Created sessions-page.spec.ts to verify translations on the sessions page, including headers, status badges, and date formatting.
- Developed settings-page.spec.ts to ensure settings page content is translated and persists across sessions.
- Added skills-page.spec.ts to validate translations for skill categories, action buttons, and empty states.

ccw/frontend/src/router.tsx

@@ -8,6 +8,10 @@ import { AppShell } from '@/components/layout';
 import {
   HomePage,
   SessionsPage,
+  FixSessionPage,
+  ProjectOverviewPage,
+  SessionDetailPage,
+  HistoryPage,
   OrchestratorPage,
   LoopMonitorPage,
   IssueManagerPage,
@@ -16,6 +20,13 @@ import {
   MemoryPage,
   SettingsPage,
   HelpPage,
+  NotFoundPage,
+  LiteTasksPage,
+  LiteTaskDetailPage,
+  ReviewSessionPage,
+  McpManagerPage,
+  EndpointsPage,
+  InstallationsPage,
 } from '@/pages';
 
 /**
@@ -35,6 +46,34 @@ const routes: RouteObject[] = [
         path: 'sessions',
         element: <SessionsPage />,
       },
+      {
+        path: 'sessions/:sessionId',
+        element: <SessionDetailPage />,
+      },
+      {
+        path: 'sessions/:sessionId/fix',
+        element: <FixSessionPage />,
+      },
+      {
+        path: 'sessions/:sessionId/review',
+        element: <ReviewSessionPage />,
+      },
+      {
+        path: 'lite-tasks',
+        element: <LiteTasksPage />,
+      },
+      {
+        path: 'lite-tasks/:sessionId',
+        element: <LiteTaskDetailPage />,
+      },
+      {
+        path: 'project',
+        element: <ProjectOverviewPage />,
+      },
+      {
+        path: 'history',
+        element: <HistoryPage />,
+      },
       {
         path: 'orchestrator',
         element: <OrchestratorPage />,
@@ -63,10 +102,27 @@ const routes: RouteObject[] = [
         path: 'settings',
         element: <SettingsPage />,
       },
+      {
+        path: 'settings/mcp',
+        element: <McpManagerPage />,
+      },
+      {
+        path: 'settings/endpoints',
+        element: <EndpointsPage />,
+      },
+      {
+        path: 'settings/installations',
+        element: <InstallationsPage />,
+      },
       {
         path: 'help',
         element: <HelpPage />,
       },
+      // Catch-all route for 404
+      {
+        path: '*',
+        element: <NotFoundPage />,
+      },
     ],
   },
 ];
@@ -82,6 +138,13 @@ export const router = createBrowserRouter(routes);
 export const ROUTES = {
   HOME: '/',
   SESSIONS: '/sessions',
+  SESSION_DETAIL: '/sessions/:sessionId',
+  FIX_SESSION: '/sessions/:sessionId/fix',
+  REVIEW_SESSION: '/sessions/:sessionId/review',
+  LITE_TASKS: '/lite-tasks',
+  LITE_TASK_DETAIL: '/lite-tasks/:sessionId',
+  PROJECT: '/project',
+  HISTORY: '/history',
   ORCHESTRATOR: '/orchestrator',
   LOOPS: '/loops',
   ISSUES: '/issues',
@@ -89,6 +152,9 @@ export const ROUTES = {
   COMMANDS: '/commands',
   MEMORY: '/memory',
   SETTINGS: '/settings',
+  MCP_MANAGER: '/settings/mcp',
+  ENDPOINTS: '/settings/endpoints',
+  INSTALLATIONS: '/settings/installations',
   HELP: '/help',
 } as const;