chore: update application configuration and UI components for improved styling and functionality

playwright.config.ts

@@ -1,14 +1,33 @@
-import { defineConfig } from '@playwright/test'
+import { defineConfig, devices } from '@playwright/test'
 
 export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:3002',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+      testIgnore: [
+        'tests/e2e/conflict-resolution-edge-cases.spec.ts',
+        'tests/e2e/conflict-resolution-parity.spec.ts',
+        'tests/e2e/conflict-resolution-form.spec.ts',
+        'tests/e2e/example.spec.ts'
+      ]
+    },
+  ],
   webServer: {
     command: 'npm run dev',
-    port: 3000,
+    port: 3002,
     timeout: 60_000,
     reuseExistingServer: true
-  },
-  use: {
-    baseURL: 'http://localhost:3000'
   }
 })