Update homepage routes to include language and mode

apps/homepage/tests/browser/navigation.spec.ts

@@ -3,7 +3,7 @@ import { expect, test } from '@playwright/test';
 test.use({ viewport: { width: 390, height: 844 } });
 
 test('mobile navigation opens modally, closes with Escape, and returns focus', async ({ page }) => {
-  await page.goto('/en');
+  await page.goto('/en/system');
   const trigger = page.getByRole('button', { name: 'Open navigation menu' });
   await trigger.focus();
   await trigger.click();
@@ -19,7 +19,7 @@ test('mobile navigation opens modally, closes with Escape, and returns focus', a
 });
 
 test('skip navigation moves focus to the main landmark', async ({ page }) => {
-  await page.goto('/en');
+  await page.goto('/en/system');
   await page.keyboard.press('Tab');
   const skip = page.getByRole('link', { name: 'Skip to main content' });
   await expect(skip).toBeFocused();
@@ -32,7 +32,7 @@ test.describe('primary navigation visibility', () => {
   test.use({ viewport: { width: 1024, height: 768 } });
 
   test('keeps the complete navbar visible at common laptop widths', async ({ page }) => {
-    await page.goto('/en');
+    await page.goto('/en/system');
 
     const navigation = page.getByRole('navigation', { name: 'Primary navigation' }).first();
     await expect(navigation).toBeVisible();
@@ -47,7 +47,7 @@ test.describe('mobile primary navigation destinations', () => {
   test.use({ viewport: { width: 390, height: 844 } });
 
   test('keeps every navbar destination in the mobile drawer', async ({ page }) => {
-    await page.goto('/en');
+    await page.goto('/en/system');
     await page.getByRole('button', { name: 'Open navigation menu' }).click();
 
     const dialog = page.getByRole('dialog', { name: 'Primary navigation' });