fix: optimize test timeouts and wait conditions for better stability

e2e/playwright.config.ts

@@ -22,9 +22,10 @@ export default defineConfig({
       suiteTitle: false,
     }],
   ],
-  timeout: 60000,
+  timeout: 90000,
   expect: {
-    timeout: 30000,
+    timeout: 45000,
+    toHaveScreenshot: { timeout: 60000 },
   },
   use: {
     baseURL: env.baseURL,
@@ -33,8 +34,8 @@ export default defineConfig({
     video: env.video,
     headless: env.headless,
     viewport: { width: 1280, height: 720 },
-    actionTimeout: 30000,
+    actionTimeout: 45000,
-    navigationTimeout: 60000,
+    navigationTimeout: 90000,
     launchOptions: {
       slowMo: env.slowMo,
     },

e2e/src/fixtures/base.fixture.ts

@@ -22,6 +22,12 @@ export type TestFixtures = {
 };
 
 export const test = base.extend<TestFixtures>({
+  page: async ({ page }, use) => {
+    page.setDefaultTimeout(45000);
+    page.setDefaultNavigationTimeout(90000);
+    await use(page);
+  },
+
   homePage: async ({ page }, use) => {
     const homePage = new HomePage(page);
     await use(homePage);

e2e/src/pages/HomePage.ts

@@ -68,9 +68,9 @@ export class HomePage extends BasePage {
   }
 
   async waitForPageLoad(): Promise<void> {
-    await this.waitForLoadState('networkidle');
+    await this.waitForLoadState('domcontentloaded');
-    await this.header.waitFor({ state: 'visible' });
+    await this.header.waitFor({ state: 'visible', timeout: 15000 });
-    await this.heroSection.waitFor({ state: 'visible' });
+    await this.heroSection.waitFor({ state: 'visible', timeout: 15000 });
   }
 
   async getNavigationItems(): Promise<Locator[]> {