feat: fix portrait mode design in pwa

Task #44 completed by ClaudeQueue

ClaudeQueue

playwright.config.js

@@ -0,0 +1,28 @@
+const { defineConfig, devices } = require('@playwright/test');
+
+module.exports = defineConfig({
+  testDir: './tests',
+  timeout: 30000,
+  use: {
+    baseURL: 'http://localhost:8080',
+  },
+  projects: [
+    {
+      name: 'portrait-pwa',
+      use: {
+        ...devices['iPhone 12'],
+        // Simulate standalone PWA display mode
+        contextOptions: {
+          // portrait 390x844
+        },
+      },
+    },
+  ],
+  // No webServer needed — tests serve a static page via a local server
+  webServer: {
+    command: 'npx serve frontend -l 8080 --no-clipboard',
+    port: 8080,
+    reuseExistingServer: !process.env.CI,
+    timeout: 10000,
+  },
+});