fix(tests): Improve gift recording test reliability

- Add better error handling and logging for gift recording flow
- Add explicit navigation to contacts page before finding gift button
- Add info icon click handling when needed
- Add more comprehensive button detection with multiple selectors
- Add debug logging for page state and navigation
- Add screenshot capture on failures
- Add retry logic with proper state verification
- Fix linter errors in playwright config

The changes help diagnose and handle various UI states that can occur during gift recording, making the tests more reliable especially on Linux.

playwright.config-local.ts

@@ -1,4 +1,5 @@
 import { defineConfig, devices } from "@playwright/test";
+import { isLinuxEnvironment, getOSSpecificConfig } from './test-playwright/testUtils';
 
 /**
  * Read environment variables from file.
@@ -12,6 +13,7 @@ import { defineConfig, devices } from "@playwright/test";
  */
 export default defineConfig({
   testDir: "./test-playwright",
+  ...getOSSpecificConfig(),
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
@@ -19,31 +21,57 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
+  workers: isLinuxEnvironment() ? 4 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: "html",
+  reporter: [
+    ['list'],
+    ['html', { open: 'never' }],
+    ['json', { outputFile: 'test-results/test-results.json' }]
+  ],
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
     baseURL: "http://localhost:8081",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: "on-first-retry",
+    trace: "retain-on-failure",
+
+    // Add request logging
+    logger: {
+      isEnabled: (name, severity) => severity === 'error' || name === 'api',
+      log: (name, severity, message, args) => console.log(`${severity}: ${message}`, args)
+    }
   },
 
   /* Configure projects for major browsers */
   projects: [
     {
-      name: "chromium",
+      name: 'chromium-serial',
+      testMatch: /.*\/(35-record-gift-from-image-share|40-add-contact)\.spec\.ts/,
       use: {
-        ...devices["Desktop Chrome"],
+        ...devices['Desktop Chrome'],
+        permissions: ["clipboard-read"],
+      },
+      workers: 1, // Force serial execution for problematic tests
+    },
+    {
+      name: 'firefox-serial',
+      testMatch: /.*\/(35-record-gift-from-image-share|40-add-contact)\.spec\.ts/,
+      use: { ...devices['Desktop Firefox'] },
+      workers: 1,
+    },
+    {
+      name: 'chromium',
+      testMatch: /^(?!.*\/(35-record-gift-from-image-share|40-add-contact)\.spec\.ts).+\.spec\.ts$/,
+      use: {
+        ...devices['Desktop Chrome'],
         permissions: ["clipboard-read"],
       },
     },
-
     {
-      name: "firefox",
-      use: { ...devices["Desktop Firefox"] },
+      name: 'firefox',
+      testMatch: /^(?!.*\/(35-record-gift-from-image-share|40-add-contact)\.spec\.ts).+\.spec\.ts$/,
+      use: { ...devices['Desktop Firefox'] },
     },
 
     // {