fix: convert Playwright config and server to ES modules

Convert playwright.config.js and playwright-server.js to ES modules (.mjs)
to fix "require is not defined" errors in GitHub Actions E2E tests. This
resolves the blank page issue that was blocking deployment to GitHub Pages.

Changes:
- playwright.config.js → playwright.config.mjs (ESM with import/export)
- playwright-server.js → playwright-server.mjs (ESM)
- Updated config to reference new .mjs server file

This enables GitHub Actions to successfully complete E2E tests and deploy.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: hackall360

playwright-server.mjs

@@ -0,0 +1,56 @@
+import http from 'http';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const PORT = 4173;
+const DIST_DIR = path.join(__dirname, 'dist');
+
+const MIME_TYPES = {
+    '.html': 'text/html',
+    '.js': 'application/javascript',
+    '.css': 'text/css',
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.svg': 'image/svg+xml',
+    '.ico': 'image/x-icon',
+    '.txt': 'text/plain'
+};
+
+const server = http.createServer((req, res) => {
+    let filePath = path.join(DIST_DIR, req.url === '/' ? 'index.html' : req.url);
+
+    if (!fs.existsSync(filePath) || fs.statSync(filePath).isDirectory()) {
+        filePath = path.join(DIST_DIR, 'index.html');
+    }
+
+    const ext = path.extname(filePath);
+    const contentType = MIME_TYPES[ext] || 'application/octet-stream';
+
+    fs.readFile(filePath, (err, data) => {
+        if (err) {
+            res.writeHead(500);
+            res.end(`Error: ${err.message}`);
+            return;
+        }
+
+        res.writeHead(200, { 'Content-Type': contentType });
+        res.end(data);
+    });
+});
+
+server.listen(PORT, '127.0.0.1', () => {
+    console.log(`Preview server running at http://127.0.0.1:${PORT}/`);
+});
+
+process.on('SIGTERM', () => {
+    server.close(() => {
+        console.log('Server stopped');
+        process.exit(0);
+    });
+});

playwright.config.js playwright.config.mjsplaywright.config.js renamed to playwright.config.mjs

@@ -1,6 +1,6 @@
-const { defineConfig } = require('@playwright/test');
+import { defineConfig } from '@playwright/test';
 
-module.exports = defineConfig({
+export default defineConfig({
     testDir: './tests',
     timeout: 60_000,
     expect: {
@@ -13,7 +13,7 @@ module.exports = defineConfig({
         viewport: { width: 1280, height: 720 }
     },
     webServer: {
-        command: 'node playwright-server.js',
+        command: 'node playwright-server.mjs',
         port: 4173,
         reuseExistingServer: !process.env.CI,
         timeout: 120_000