Update homepage routes to include language and mode

apps/homepage/tests/browser/component-system.spec.ts

@@ -2,7 +2,7 @@ import { expect, test } from '@playwright/test';
 
 for (const locale of ['en', 'fr', 'ar'] as const) {
   test(`${locale} component fixture renders without horizontal overflow`, async ({ page }) => {
-    await page.goto(`/${locale}/component-lab`);
+    await page.goto(`/${locale}/system/component-lab`);
     await expect(page.locator('h1')).toBeVisible();
     const overflow = await page.evaluate(
       () => document.documentElement.scrollWidth > document.documentElement.clientWidth,
@@ -15,7 +15,7 @@ for (const locale of ['en', 'fr', 'ar'] as const) {
 test('component controls support keyboard interaction and dialog focus return', async ({
   page,
 }) => {
-  await page.goto('/en/component-lab');
+  await page.goto('/en/system/component-lab');
   const firstTab = page.getByRole('tab', { name: 'Reservations' });
   await firstTab.focus();
   await page.keyboard.press('ArrowRight');
@@ -36,7 +36,7 @@ test('component fixture reflows at narrow mobile and 200 percent zoom equivalent
   page,
 }) => {
   await page.setViewportSize({ width: 320, height: 800 });
-  await page.goto('/fr/component-lab');
+  await page.goto('/fr/system/component-lab');
   await page.evaluate(() => (document.body.style.zoom = '2'));
   const overflow = await page.evaluate(
     () => document.documentElement.scrollWidth > document.documentElement.clientWidth + 1,